1、HTML简介
- HTML:Hyper Text Markup Language(超文本标记语言)
- HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。
2、html标签
2.1基本结构标签
<!--声明当前文档的类型是html-->
<!DOCTYPE html>
<!--设置网页语言-->
<html lang="en">
<!--网页头元素标签-->
<head>
<!--设置html编码为UTF-8-->
<meta charset="UTF-8">
<!--设置IE兼容-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--设置移动端缩放比例-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--网页的标题-->
<title>Document</title>
</head>
<!--网页正文-->
<body>
<!--写内容-->
</body>
</html>
2.2常用标签
1 <--属性通常用来具体描述标签的特征-->
2 <body text="red" bgcolor="blue"
3 <--标题标签-->
4 <h1>hello1</h1>
5 <h2>hello2</h2>
6 <h3>hello3</h3>
7 <--换行标签-->
8 <br>
9 <--段落标签-->
10 <p>
11 段落
12 </p>
13 <--水平线标签-->
14 <hr size="5" noshade color="red" width="80%">
15 <--文字样式-->
16 <--字体加粗-->
17 <strong>张三</strong>
18 <--斜体处理-->
19 <i>文字</i>
20 <--下划线处理-->
21 <u>文字</u>
2.3图像标签
- img标签
- src:图像的地址
- width:宽度
- height:高度
- title:鼠标悬停时提示文字
- alt:图像的替代文字
2.4列表标签
2.2.1无序列表
<ul>
<li>hello</li>
<li>world</li>
<li>hhh</li>
</ul>2.2.2有序列表
<ol>
<li>hello</li>
<li>world</li>
<li>hhh</li>
</ol>