一、html骨架
<!DOCTYPE html>这句话的大意就是告诉我们html用哪个版本,html对应的就是html5.
<html> 所有的html中的根节点,标签中的老大
<head> 头部标签
<title></title> 文档标题，在html中必设的标签
</head>
<body> 文档主体，包含所有内容（eg:文本、超链接、图像、表格、列表等）
</body>
</html>
eg: link、meta、title 和 style 都应放入 head 标签中
二、标签关系
- 只要有
<>符号都为标签 <head> </head>为双标签，“/ ”为关闭符<br/>为单标签，这种符号很少- 父子关系
<html>
<head>
<title></title>
</head>
</html>
- 并列关系
<head> </head>
<body> </body>
三、排版标签
1. 标题标签，共六个
<h1> <h2> <h3> <h4> <h5> <h6>
eg:<h3> 我是栗子 </h3>例子: 我是栗子
2. p标签
<p> 这是段落 </p>这是段落
3. 水平线标签
<hr/>是单标签
4. 换行标签
<br />
四、div span网页布局的重要盒子
<div>division分割、分区的意思
<span>跨度、范围
五、文本格式化标签
| 标签 | 描述 |
|---|---|
<b> |
定义粗体文本。 |
<em> |
定义着重文字。 |
<i> |
定义斜体字。 |
<strong> |
定义加重语气。 |
<sub> |
定义下标字。 |
<sup> |
定义上标字。 |
<ins> |
定义插入字。 |
<del> |
定义删除字。 |
六、图像标签
1. 图像标签<img>和源属性<src>
<img>是空标签，只包含属性，没有闭合标签
<img src="url"/>src是源属性，源属性的值是图像URL的地址。
2. 替换文本属性<Alt>
alt属性用来为图像定义一串可替换的文本。当浏览器无法加载图像时，替换文本属性就派上用场了，可告诉读者他们失去图片的信息。
<img src="box.gif" alt="Big box">
七、链接标签及锚标签
<a>为链接标签，图片或者其他HTML元素都可以成为链接
1.href是锚点属性，用来指定链接的URL；通过使用href 属性，可以创建指向另一个文档的链接；
<a href="https://www.cnblogs.com/Hanna4603/"> 爪爪博客园 </a>
2.target是锚点元素的一个属性，用来指定链接的打开方式，定义链接文档在何处显示，blank将在新窗口中打开
<a href="https://www.cnblogs.com/Hanna4603/" target="_blank">爪爪博客园</a>
3. a元素中的文本叫锚文本，会显示为一个可以点击的链接；通过使用name属性，创建文档内的书签
<a href="..." target="..."> 锚文本 </a>
实例一
首先，我们在HTML文档个中对锚进行命名，然后在同一个文档中创建指向该锚的链接：
<a href1="#top"> 跳转到a标签 </a>
注：哈希符号#加上你想内部链接到的元素ID
也可在其他页面中创建指向该锚的链接：
<a href="ps://www.cnblogs.com/Hanna4603/#top"> 跳转到博客 </a>
实例二
当你不确定网站要链接哪里时，将href属性的值替换为#号
用 # 号来创建链接占位符
href="#"
八、base标签
<base>标签为页面上的所有链接规定默认地址或默认目标。
九、无序列表
<ul> 无序列表
<li> 列表项 </li>
<li> 列表项 </li>
</ul>`
效果：
- 无序列表
十、有序列表
<ol> 有序列表
<li> 列表项 </li>
<li> 列表项 </li>
</ol>`
效果：
- 有序列表
十一、注释标签
标签：定义,标签,Day1,HTML,文档,列表,链接,CSS,属性 From： https://www.cnblogs.com/Hanna4603/p/16610307.html注释标签 用于在 HTML 插入注释