HTML 语义化笔记

98 阅读2分钟

HTML 文档是由HTML 标等及内容组成的文本文件,标签是由尖括号包围的关键就、通常成对造现,在开始标签和结束标签之间的文本是内容。标签还可拥有属性,属性为展面上的NTMk元套是供附加信息,以扩展HTML标签的能力。

元素:结束标签 属性值:分配给属性的内容 属性名:描述标签 属性通常以 对出现、写在起始标签中;一个标签可以有多个属性,属性值号、接可嵌套使用单引号、例如:

body 用来设置body标签的背景属性,其颜色值为bule蓝时 style 来设置body外签的样式属性,设置字体颜色为red红色。

文本标签 1.外观相关标签 HTML为单独的词或者句子定义了两种外观样式:物理样式和逻辑样式,物理样式说明标签之间的文句的特定外貌,是固定效果。 标签 含义

<b>…</b 设置标签间的文字为粗体

<…< 设置标签间的文字为斜体

…</u> 设置标签间的文字带下划线

…</sup 设置标签间的文字为上标

…</nub 设置标签间的文字为下标

…</del> 设置标签间的文字带删除线

逻辑样式并不能像物理字体那样明确知道字体的显示方式,这些逻辑字体标签并不指明字体如何显示,而是让Web浏览器自行决定显示方式,不同的浏览器解释效果可能不同。

标签 含义 em>… en 一般强调,斜体 strong>…/strong 特别强调,用体 small /small 字体变小 big /big 字体变大

结构标签例子 〈body〉 大家好<p align=”center”>我是分段标记</p看清楚哦
我是换行标记 <hr> 这里是正文…… <h1>我是H1标题字,我最大 <h2>我是H2标题字 <h6>我是H6标题字,我最小</h6> <hr> <div>这里是页脚部分哦</div>

图片标签 HTML网页中插入图片用的就是<img标签,它的众多属性可以控制图片的路径、尺寸和替换文字等各种功能。图片主要有src、title、alt、height、width等属性,具体含义如下: src用来设置图像文件的绝对路径和相对路径URL; title用来设置鼠标悬停在图片上时显示的文字; alt用来设置替代显示文本; height、width用来设置图像高度、宽度,单位默认为像素px。 若某一文件夹中包含网页文件 picture.html、图片文件 heart.png、包含图片lotus.png的文件夹image,实现在picture.html网页文件中显示这两个图片。具体body标签中代码如下:

〈body〉 ing src="heart.png"alt="心形图片”/> <ing src="inage/lotus.jpg"width="200”height="200"title=”荷花图片”/ </body.〉 HTML用<a>标签来表示超链接,英文叫anchor。它可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。 超链接标签的使用格式为: ahref="URL"target="窗口名称”title=”指向链接显示的文字”>超链接名称各属性主要含义如下: href定义了这个链接所指的目标地址URL; target定义了在何处打开这个超链接,该属性有_parent、_blank、_self、_top四个值;title属性定义鼠标悬停在超链接上的时候,显示该超链接的文字注释。