一、HTML简介

1.概述

HTML（HyperText Mark-up Language）：超文本标记语言。

（1）超文本：除文字信息外，还可以定义图片、音频、视频等内容；

（2）标记语言：由标签构成的语言。

2.W3C标准

组成网页的主要三部分：

（1）结构：HTML

（2）表现：CSS

（3）行为：JavaScript

二、HTML的使用

1.HTML的结构标签

<html>
	<head>
		<title>
			标题
		</title>
	</head>
	
	<body>
		
	</body>
</html>

标签	说明
<html>	定义HTML文档
<head>	定义关于文档的信息
<title>	定义文档的标题
<body>	定义文档的主体

【tips】标签不区分大小写。

2.基础标签

<h1>~<h6>	定义标签大小，h1最大，h6最小
<font>	定义文本的字体(face)、颜色(color)、字号(size)
<b>	加粗
<i>	斜体
<u>	下划线
<center>	居中
<p>	定义段落
<br>	换行
<hr>	定义水平线

3.图片、音频、视频标签

（1）<img>：定义图片。

src：所显示图片的URL；

height：图像的高度；

width：图像的宽度。

（2）<audio>：定义音频，支持的音频格式：MP3、WAV、OGG。

src：音频的URL；

controls：显示播放控件。

【tips】尺寸单位：

①px：默认尺寸单位，像素；

②%：占<body>的百分比。

（3）<video>：定义视频，支持的视频格式：MP4、WebM、OGG。

src：视频的URL；

controls：显示播放控件。

4.超链接标签

<a>：定义一个超链接。

（1）href：指定访问资源的URL；

（2）target：指定打开资源的方式：

1）_self：默认值，在当前页面打开；

2）_blank：在空白页面打开。

5.列表标签

<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项

（1）有序列表（ol，order list）

（2）无序列表（ul，unorder list）

【tips】type属性：可以设置项目符号。

6.表格标签

<table>	定义表格
<tr>	定义行
<td>	定义单元格
<th>	定义表头单元格

（1）<table>：

1）border：表格边框的宽度

2）width：表格的宽度

3）cellspacing：规定单元格之间的空白

（2）<tr>：

align：对齐方式

（3）<td>：

1）rowspan：纵向合并单元格，规定单元格可横跨的行数

2）colspan：横向合并单元格，规定单元格可横跨的列数

7.布局标签

<div>	定义HTML文档中的一个区域部分，经常与CSS一起使用，用来布局网页。
<span>	用于组合行内元素

8.表单标签

（1）表单：在网页中主要负责数据采集功能，使用<form>来定义表单。

（2）表单项（元素）：不同类型的input元素、下拉列表、文本域等。

<form>	定义表单
<input>	定义表单项
<label>	为表单项定义标注
<select>	定义下拉列表
<option>	定义下拉列表的列表项
<textarea>	定义文本域

（3）<form>：

1）action：规定当提交表单时向何处(URL)发送数据；

2）method：规定用于发送表单数据的方式：

get：默认值，浏览器会将数据直接附在表单的action URL之后，大小有限制（4KB）；

post：浏览器会将数据放到HTTP请求消息体中，大小无限制。

（4）<input>：通过type属性控制输入的形式：