一.HTML的标准结构
<!doctype html> 声明文档类型
<html> HTML根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主题标签
...
</body>
</html>二.标签介绍
2.1 段落标签
1.注释标签
<!--我是一个注释-->
2.换行标签
段落1<br>
段落2
效果：
3.水平线标签
我是很长的句子<hr>
效果：
4.文本标签
<p>我是一个段落</p>
效果：
<p>和<br/>标签的不同是： <p>标签自动换行，并生成空白行，而<br/>不会生成空白行。
4.标题标签
-
<h1>标题1</h1>
-
<h2>标题2</h2>
-
<h3>标题3</h3>
-
<h4>标题4</h4>
效果：
2.2 文本标签
1.文本标签
<font>文本内容</font>
属性：
-
size 字体大小
-
color 字体颜色
例如：
<font size=“6” color="red">我是一句话</font>
2.文本加粗标签
<strong></strong>或<b></b>3.文本倾斜标签
<em></em>或<i></i>4.删除线标签
<del></del>5.下划线标签
<ins></ins> 6.上标和下标
<sup></sup>表示字体上标，<sub></sub>表示字体下标。2.3 普通标签
1.图片标签
<img src="" alt="" title="" width="" heigth="" />- Src 图片的来源 必写属性
- Alt 替换文本 图片不显示的时候显示的文字
- Title 提示文本 鼠标放到图片上显示的文字
- Width 图片宽度
- Height 图片高度
如果图片没有定义宽高时，则自动等比缩放。
2.超链接
<a href="" title="" target="">我是一个超链接</a>属性
-
href：超链接的目标地址
-
title：提示文本
-
target：超链接的打开方式
注意
target="_self"：默认值 在自身页面打开。关闭自身页面，打开链接页面
target="_blank"：打开新页面。自身页面不关闭，打开一个新的链接页面
优化写法：在<head></head>标签中写入<base target=""/>可以全局设置打开方式。
超链接可以用以定位：
1.先定义一个锚点
2.超链接到锚点
2.4 列表标签
1.无序列表
<ul type="circle">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ul>属性
type="square" 小方块
type="disc" 实心小圆圈
type="circle" 空心小圆圈
效果：
2.有序列表
<ol type="1" start="1">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表3</li>
</ol>属性
- type="1"。type的值可以取1、a、A、i、I
- start="3" 决定了开始的位置。
效果：
3.自定义列表
<dl>
<dt></dt>小标题
<dd></dd>解释标题
<dd></dd>
<dd></dd>
</dl>效果：
![C++ [STL容器反向迭代器]](https://img-blog.csdnimg.cn/84e4fd60d85a42619862f999bd6ec9ea.png#pic_center)
