html学习

html我已经了解过两遍了，但是还是有很多东西记不住。今天，我再次接触接触它。

参考手册：w3school 在线教程

一，html概述

HTML是一门语言，所有的网页都是用HTML这门语言编写出来的
HTML(HyperText Markup Language):超文本标记语言
超文本:超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容
标记语言:由标签构成的语言

W3C标准:网页主要由三部分组成
结构:HTML
表现:css
行为:JalvaScript

二、基础标签

1、文字标签

标签	描述
<h1>~<h6>	定义标题，h1最大，h6最小
<font>	可以定义文本的字体、颜色、尺寸
<b>	粗体文本
<i>	斜体文本
<u>	文本下划线
<center>	文本居中
<p>	段落
<br>	换行
<hr>	水平线

2、图片、音频、视频标签

1）图片：<img>
src规定显示图像的url（位置）
height、width：高度宽度
2）音频：<audio>支持mp3、WAV、OGG
src：规定音频的url
controls：显示播放控件
3）视频：<vidio>支持mp4、WEBM、OGG
src：规定音频的url
controls：显示播放控件

3、超链接标签

超链接标签：<a>

href属性规定跳转的url
target属性：_self默认值，在当前页面打开。_blank在空白页面打开

4、列表标签

有序列表：<ol>
<li>定义列表项，type可以改变项目符号
无序列表：<ul>
<li>定义列表项，type可以改变项目符号

5、表格标签

表格：<table>

border：边框。cellspacing：单元格之间的空间。

<tr>定义行
align：单元格行的内容对齐方式

<td>定义单元格
rowspan：规定单元格课横跨的行数，相当于合并同一列的单元格
colspan：规定单元格课横跨的列数，相当于合并同一行的单元格

<th>定义表头的单元格

6、表单标签

主要负责数据采集功能

1）表单：<form>
action：规定当前提交表单时向何处发送表单数据url
method：规定用于发送表单数据的方式，他有get、post两个值
get：浏览器会将数据直接附在表单的action的url之后，大小有限制
post：浏览器会把数据放在http请求消息中。大小无限制

2）表单项
<input>：通过type属性控制输入形式

type的值	描述
text	文本输入框
password	定义密码字段
radio	单选框
checkbox	复选框
file	上传文件
hidden	隐藏框
submit	提交按钮
reset	重置表单
button	按钮

<select>：定义下拉列表，<option>定义列表项
<textarea>：文本域