HTML
一、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> | 定义文档的主体 |
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）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> | 定义文本域 |
1）action：规定当提交表单时向何处(URL)发送数据；
2）method：规定用于发送表单数据的方式：
get：默认值，浏览器会将数据直接附在表单的action URL之后，大小有限制（4KB） ；
post：浏览器会将数据放到HTTP请求消息体中，大小无限制。
（4）<input>：通过type属性控制输入的形式：
滴滴公司福利 863人发布
投递海康威视等公司8个岗位 >
查看5道真题和解析