html中标签的关系
嵌套关系(父子关系,也叫包含关系)
<html>
<head>
<meta>
<title></title>
</head>
<body></body>
</html>
此时HTML是head的父元素 head是html的子元素
后代关系,也叫祖孙关系
html是title的祖先元素 title是html的后代元素
并列关系 同辈关系,也叫兄弟关系
meta和title为兄弟元素
html文本标签
html-标题标签
<!-- 一级标题 -->
<h1>我是老大</h1>
<!-- 二级标题 -->
<h2>我是老二</h2>
<!-- 三级标题 -->
<h3>我是老三</h3>
<!-- 四级标题 -->
<h4>我是老四</h4>
<!-- 五级标题 -->
<h5>我是老五</h5>
<!-- 六级标题 -->
<h6>我是老六</h6>
标题标签只有1-6
标题标签自带加粗效果和字号大小
h1-h6指的是页面内容标题 title指的是网页标题
显示的位置不一样 代表含义不一样
h1在页面当中只能有一个
一个标签对于搜索引擎优化来说 都是具备一定的特殊含义(语义化)
h1 标题 代表着这个网页当中最重要的内容 搜搜引擎不具备区分h1中的内容的功能
元素表现得样子和其本省具备的实际意义没有任何关系
在实际编写中我们通常在 h1 标签中存放logo
html-段落标签
段落标签
<p></p>
自动的为我们的文字进行段落换行
并且自带段落间距
html-加粗标签
<b></b>普通加粗
<strong></strong>语义化标签,具有更加强调的作用
这两个标签在默认样式上,没有任何区别
浏览器更喜欢语义化标签
html-倾斜标签
<i></i>普通倾斜
<em></em>语义化标签
html-下划线标签
<u></u>普通标签
<ins></ins>语义化标签
html-删除线标签
<s></s>普通标签
<del></del>语义化标签
html-上标和下标标签
上标
<sup></sup>
下标
<sub></sub>
html-文本节点
<span></span>
html-水平线标签与换行标签
水平线<hr>是一个单标签也可叫单标记或者空标记
换行<br>
html-转义字符
当我们在文字中连续的输入多个空格 最终只会解析成一个
空格的转义字符
小于号的转义字符< <
大于号的转义字符> >
版权符号的转义字符© ©