HTML的基本结构
HTML文件由文件头(head)和文件体(body)两部分组成，此外，在这两部分外面还要加上标签<html></html>说明此文件是HTML文件。
HTML基本结构如下：
在HTML的基本结构中，用“<”和“>”括起来的单词，通常称作为元素 。
| 开始标签 元素内容 结束标签 | ||
| < <p> | 这是一个段落 | </p> |
| <a href=“default.html”> | 这算是一个链接 | </a> |
| < <br> | 换行 | |
- 双标签：双标签由开始标签和结束标签两部分构成，必须成对使用，如<div>和</div>。
- 单标签：某些标签单独使用就可以完整的表达意思，这种标签就叫做单标签，如换行标签<br>。
- 大部分标签内包含一些属性，各属性没有先后顺序，属性也可以省略，省略即取默认值，如：<title id=“title”>标题</title>。
HTML的标题元素
标题(Heading)是通过<h1>-<h6>标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。
<hr>标签在HTML页面中创建水平线。hr元素用于分隔内容。
HTML相关的基本定义
- 标签：用“<”和“>”括起来的叫作标签，如<p>、</p>、<br>等。
HTML的全局属性
- class:用于定义元素的类名，class属性不能在以下元素中使用:<base>、<head>、<html>、<meta>、<param>、<script>、<style>、<title>。
- id:用于指定的唯一id，该属性的值在整个HTML文档中要具有唯一性。
- style:用于指定元素的行内样式。使用该属性后将会覆盖任何全局的样式设定，如<style>元素定义的样式，或者父元素定义的样式。
- title:用于指定元素的额外信息。通常会在鼠标移动元素上时显示定义的提示文本。
- <br>标签定义一个换行，通常在<p>标签内。<br>标签不是用于分割段落的。
- <!-- -->(Ctrl+/)用于在HTML中插入注释，它的开始标签为<!--,结束标签为-->,开始标签和结束标签不一定在一行，也可以多行注释。
- <b>:定义粗体文本。
- <var>:定义变量。
- <address>：定义地址。
一个完整的HTML文档大体包含一下标签：
<!DOCTYPE>:声明文档类型。
<html>:定义HTML元素真正的根元素。
<head>:定义HTML文档的文档头。<head>可以包含如下元素。
<title>:定义HTML文档的标题。
表格的基本标签
HTML表格由table标签以及一个或多个tr、th或td标签组成：
- table标签：定义一个表格
- caption标签：定义表格中的一行，嵌套在<table></table>中
- tr标签:定义表格中的一行，嵌套在<table></table>中
- th标签:定义表格中的表头单元格，嵌套在<tr></tr>中
- td标签:定义表格中的数据单元格，表示表格中的列，嵌套在<tr></tr>中
表格的结构
基本表结构中，表格标题，项目表头和数据资料构成了表格基本结构三要素。如下图所示，“通讯录“为表格标题
HTML的图片元素
在html中，图像是由<img>元素定义的，<img>元素是空元素标签，在实际开发中，最好写成<img/>。
<img>元素的基本结构如下：
<img src=“图片的url” alt=“图像的替代文本”/>，图片的URL指存储图像的位置，可以是相对路径，也可以是绝对路径。
HTML的列表元素
无序列表的每一项前缀都显示为图形符号，用<ul>定义无需列表，用<li>定义列表项。<ul>的type属性定义图形符号的样式，属性值为disc(点)、square(方块)、circle(圆)、none(无)等，但由于实际使用并不美观。因此通常用CSS指定前缀样式。
HTML列表标签
| 标签 描述 | |
| <ol> | 定义有序列表 |
| <ul> | 定义无序列表 |
| <li> | 定义列表项 |
| <dl> | 定义列表 |
| <dt> | 自定义列表项目 |
| <dd> | 定义自定列表项的描述 |
有序列表
有序列表的前缀通常为数字或者字母，用<ol>定义有序列表，用<li>定义列表项。
<li>是列表项目标签，定义列表项目。<li>标签支持全局属性，<li>标签支持所有HTML事件属性。
表单基础内容:
一般表单使用form标签包裹，其中：name=“表单域名称” 定义一个名字，action=“url地址” 数据要传送到的地方，method=“提交方式” 有get和post可选择。
例
每一个表单选项都用input表示，text表示明文文本框，password表示暗文文本框，number表示数字，radio表示单选，checkbox表示复选框，check=“checked”表示默认选择。应用于单选和复选，button表示按钮，value表示按钮名字，reset表示重置按钮，image表示图片，submit表示提交，value表示提交键的名字，date表示日期，email表示邮箱。
表单实例：
lable标签的作用是把文字与文本框链接起来，点击文字文本框就会被选中。
select下拉菜单标签
例如：
