认识HTML

一、html文件的内容

查看网页内容，常见的包括:

1. 文字
   标题 段落 列表
2. 图象
3. 超链接
4. 表格
5. 表单
6. 动画

二、认识常见的html标记

2.1 标记格式

1. xxx => 标记
2. 每个标记都是成对出现， 有开始就有结束
3. 标记标签内，有时也需要使用属性 来更加突出的描述该标记标识的内容

2.2 常见的标记

html => 网页标记，网页的开始和结束，都需要使用该标记
head => 网页头部信息，用于描述网页的各种信息
body => 网页的正文，所有页面中的内容都是存放在body里面
title => 网页的标题，放置于head标签内部
h1 => 正文标题
h2 => 二号标题
h3
h4
h5
h6
p => 段落
ol => 有序列表
ul => 无序列表
li => 列表项目
img => 图像 是一个自闭合标签
src => 指定要显示的图象
alt => 图象注释，如果图象无法显示时，则显示该注释文字，可以是图象的描述
title => 鼠标移动到指定的图象，显示相关联的内容

2.3 超链接

a => 超链接，显示指定的网页
href => 网址
target => 打开网址的方式（属性值可以为_blank和_self 表示空白页和当前页） 把超链接放置入列表标签，实现按列显示
li > a > img

2.4 表格

table => 指定为表格，是个双向标签
tr => 表示表格的行
td => 表示表格的单元格
thead => 表格头部
tbody => 表格正文
th => 内容加粗的单元格

2.5 其他标签

div => 块标签 ，标签本身无意义
span => 行内标签 标签本身无意义

2.6 表单 (form)

form => 表单，提交数据给服务器程序，进行信息的查找以及记录不同的操作 action => 表单的数据要提交到的位置和网页
method => 表单数据的提交方法（post、get）
enctype => 表单数据的编码方式

表单项

placeholder => 表单项中的提示
input => 输入框
type => 输入框的类型(text、password、email,number,date,checkbox、radio)
select => 下拉列表
textarea => 文本域（多文本）
cols => 文本域的列框
rows => 文本域的行高
button => 按钮

表单的数据校验

文本输入框(input type=text) (required minlength maxlength)

数字输入框（input type=number/range/date） (min max)

2.7 html5常见的标记

IE9、谷歌浏览器、360浏览器引入了一些语义标记

<div id="header"></div>
header
nav
aside
section
footer
article
canvas 
video
audio