一、简介
HTML是一门语言,许多网页都是由HTML编写的。
HTML(HyperText Markup Language)超文本标记语言:由标签构成的语言
超越了文本的限制,可以定义图片,视频,音频。
HTML运行在浏览器上,HTML标签由浏览器解析。
例:<img>==》展示图片
W3c标准:网页主要由三部分组成:
结构:HTML
表现:css
行为:javascript
二、HTML的快速入门
1.新建文本文件,后缀名改为html
2.编写html标签
3.在body中定义文字

三、标签
1、基本标签
(1)<h1>-<h6> 定义标题, h1最大,h6最小
<font>定义文本的字体(face),尺寸(size),颜色(color)
<b>粗体
<i>斜体
<u>下划线
<center>居中
<p>段落
<br>折行
<hr>水平线
<!-- -->注释
(2)html表示颜色
1.英语单词:red
2.rgb(值1,值2,值3),值的范围:0~255
3.#值1 值2 值3:值的范围:00~FF(十六进制)
2.图片,音频,视频标签
<img>图片 src:资源路径,height:高度,width:宽度 尺寸单位:px:像素,百分比:eg.height="120%"
<audio>音频 src,controls:显示控件
<video>视频

资源路径:1.绝对路径:完整路径 2.相对路径:相对位置关系

3.转义字符

4.超链接标签:
<a>定义超链接
href:指定访问资源的URL
target:指定资源打开的方式
_self:默认值,在当前页面打开
_blank:在空白页面打开
5.列表标签:
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
type设置项目符号

6.表格标签:
<table>定义表格:border:定义表格边框的宽度,width:规定表格的宽度
cellspacing:规定单元格之间的空白
<tr>定义行 align:定义表格行的定义方式
<td>定义单元格 rowspan:纵向合并单元格,colspan:横向合并单元格
<th>定义表头单元格
先定义行再定义表头
eg.
<table>
<tr>
<th>...<th>
</tr>
</table>
7.布局标签:(与css一起使用)
<div>:会占满整行
<span>:用于组合表内元素
8.表单标签:在网页中主要负责数据采集功能
使用<form>标签来定义表单
action:规定当提交表单时向何处提交表单数据URL
method:规定用于发送表单数据的方式
get:浏览器会将数据直接附到action URL的后面(4kb,大小有限制)
post:放到http消息请求体后,大小无限制
9.表单项标签:

<input>通过type属性控制输出形式
<select>下拉列表,<option>定义列表项
eg.<select name="...">只有name才能接收
