一、HTML页面标签
<!DOCTYPE>:声明必须是HTML文档的第一行,用来指示浏览器关于页面使用哪个HTML版本进行编译的指令。
<html></html>:用来声明是一个HTML文档。 <head></head>:用于定义文档的头部,它是所有头部元素的容器。
<meta></meta>:定义关于 HTML 文档的元信息。
<title></title> :定义文档的标题,在所有 HTML 文档中是必需的。
<body></body>:body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。
二、HTML基本标签
<h1>~<h6>:标题标签,是标明文章、作品等内容主题的简短语句。
<p></p>:段落标签,在网页中描述一段相对完整的内容。
<em></em>:斜体标签,用于实现倾斜的字体样式。
<strong></strong>:粗体标签,实现加粗的字体样式。
<hr>:水平线标签,在网页中加入平行线用来区分上下文。
<br>:换行标签,用于跳到下一个新行。
<img>:图像标签,用于在网页中添加图片。
<a></a>:超链接标签,HTML 使用超级链接与网络上的另一个文档相连。点击链接可以从一个页面跳转到另一个页面。 <div></div>:块标签,定义 HTML 文档中的一个分隔区块或者一个区域部分。常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。
<span></span>: 用于对文档中的行内元素进行组合,提供了一种将文本的一部分或者文档的一部分独立出来的方式。当对它应用样式时,它才会产生视觉上的变化。
<link>:定义文档与外部资源的关系,可用来导入外部CSS文件。
<style></style> :定义 HTML 文档的样式信息。
<audio></audio>:定义音频内容。
<video></video>:定义视频内容。
拓展:
① b标签和strong标签 相同点:都是文字加粗标签。二者区别是:strong标签是为了突出重点。 ② p标签和span标签都是包裹文字的标签。二者区别是:p标签会自动换行,而span标签不会自动换行。一般短的语句可以用span标签包裹,长点的用p标签包裹。 ③ br换行标签和hr分隔符标签 二者区别是:br用于跳到下一个新行;hr是在网页中加入平行线用来区分上下文。 ④ i标签和em标签。相同点:都是斜体标签,使文字呈现倾斜效果;二者区别:em标签更容易被浏览器识别到。
⑤ a标签(链接、超链接、锚点标签)
⑤.1 超链接标签 如:<a href="https://www.baidu.com/" name="baidu" target="_blank" title="百度首页" accesskey="s">百度一下</a>
其中, a:a签(超链接标签) href属性:超链接需要跳转的地址路径 name属性:链接名称(一般用于锚点链接捆绑跳转的链接) title属性:链接的提示文字(鼠标悬停时的提示) target属性:链接目标窗口,链接在什么地方打开,网页位置 _self属性值:连接在当前页面打开(这是默认值,在没有指定属性值的情况下,默认是_self在当前页面打开)
_blank属性值:在新窗口打开(点几下打开几个新窗口)
_new属性值:在新窗口打开(无论点几下只打开一个,除特殊商品网站如某东页面强制要求,