第一章 HTML定义
HTML通过一系列'标签(也称为元素)'来定义文本、图像、链接等等。HTML,标签是由尖括号包围的关键字。
标签通常成对出现 ,包括开始标签和结束标签 (也称为双标签),内容位于这两个标签之间。
除了双标签,也存在单标签
区别:单标签用于没有内容的元素 ,双标签用于有内容的元素。
第二章 HTML结构
2.1 html文本结构
作用:告诉浏览器这是HTML文本

2.2 HTML的根节点
作用:包含整个文档的结构,最大的容器。
2.3 head文档的头部
head标签的作用:包含了一些文件的原始信息,如:文档的标题 ,文档的编码格式 ,以及一些外部样式表css和js文件。

2.4 body文档标签
作用:实际显示在浏览器中的内容,如:文本、图像、链接等等。

2.5 练习代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>常见文本标签练习
</title>
</head>
<body>
<h1> 一级标题标签 </h1>
<h2> 二级级标题标签 </h2>
<h3> 三级标题标签 </h3>
<h4> 四级标题标签 </h4>
<h5> 五级标题标签 </h5>
<h6> 六级标题标签 </h6>
<p>这是一个段落标签</p>
<p>更改文本样式:
<b>字体加粗</b>
<i>字体斜体</i>
<u>字体下划线</u>
<s>字体删除</s>
</p>
<ul>
<li>无序列表元素 1 </li>
<li>无序列表元素 2</li>
<li>无序列表元素 3 </li>
<li>无序列表元素 4</li>
</ul>
<ol>
<li> 有序列表标签 1</li>
<li> 有序列表标签 2</li>
<li> 有序列表标签 3</li>
</ol>
<h1> tr行: table row</h1>
<h1> td列 :table data</h1>
<h1> th标题:table header</h1>
<table>
<tr>
<th>列标题1</th>
<th>列标题2</th>
<th>列标题3</th>
</tr>
<tr>
<td>第1行第1列内容</td>
<td>第1行第2列内容</td>
<td>第1行第3列内容</td>
</tr>
<tr>
<td>第2行第1列内容</td>
<td>第2行第2列内容</td>
<td>第2行第3列内容</td>
</tr>
<tr>
<td>第3行第1列内容</td>
<td>第3行第2列内容</td>
<td>第3行第3列内容</td>
</tr>
</table>
</body>
</html>
2.6 图像结果


