轻松学:网页设计4-html网页的元素类型
时间:2023-10-01 08:54:02 | 来源:网站运营
时间:2023-10-01 08:54:02 来源:网站运营
轻松学:网页设计4-html网页的元素类型:img标记语法中src属性用于指定图像文件的路径和文件名,它是img标记的必需属性。图像标记—<img />的属性如下表所示:
img标记语法中src属性用于指定图像文件的路径和文件名,它是img标记的必需属性。图像标记—<img />的属性如下表所示:
HTML标记语言提供了丰富的标记,用于组织页面结构。为了使页面结构的组织更加轻松、合理、HTML标记被定义成了不同的类型,标记在默认状态下拥有一定的显示模式,那么如何将元素的类型在显示模式之间进行转换?
其中<div>标签是最典型的块元素。
<span>标记:和<div>标签不同的是,<span>是行内元素,仅作为只能包含文本和各种行内标签的容器,如加粗标签<strong>、倾斜标签<em>等。
HTML可以将元素分类方式分为
行内元素、
块状元素和
行内块状元素三种。一般情况下,行内元素只能包含数据和其他行内元素,而块级元素可以包含行内元素和其他块级元素,这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
如果希望行内元素具有块元素的某些特性,例如可以设置宽高。或者需要块元素具有块元素的某些特性,例如不独占一行排列,可以使用使用display属性能够将行内元素、块状元素和行内块状元素三者任意转换。
行内元素(inline-level,也叫作“内联”元素)与块级元素相反,在默认显示状态下,允许下一个对象与它本身在一行中显示。
换行标记<br />,在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标记<br />。这时如果还像在word中直接敲回车键换行就不起作用了。
img标记语法中src属性用于指定图像文件的路径和文件名,它是img标记的必需属性。图像标记—<img />的属性如下表所示:
绝对路径和相对路径
实际工作中,通常新建一个文件夹专门用于存放图像文件,路径——这时再插入图像,就需要采用“路径”的方式来指定图像文件的位置。通过设置“路径”来帮助浏览器找到图像文件。
绝对路径:绝对路径一般是指带有盘符的路径,
例如“D:/wz2019/模块2/images/alpha.jpg”,或完整的网络地址,例如“404 Not Found
相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。
a元素创建超链接,即从一个页面链接到另一个页面
基本语法格式:<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
暂时没有确定链接目标时,通常将<a>标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
浏览网页时就需要不断地拖动滚动条,来查看所需要的内容。