html入门

1.html   网页的骨架

2.三种基础标签:html 根标签  head 头标签  body 身体标签

3.6个布局标签

（1）div  块标签 铺满多行

（2）h1-h6  六级标题  字体大小变化  加粗  加黑  有上下行距  铺满一行，行级元素

（3）p 段落  有上下行距  铺满一行，行级元素

（4）span 隔离标签  行内元素

（5）br 强制换行

（6）hr 水平分割线

4.8个文本样式标签

（1）b  粗体

（2）i  斜体

（3）strong  粗体

（4）em  斜体

（5）u  下划线

（6）del  删除线

（7）sup  上标

（8）sub  下标

5.6个列表标签

（1）ul  无序列表  样式和有序列表一致  只不过不是序号

（2）ol 有序列表  内部是使用多个li  有序号  铺满一行  有上下行距  左侧有内补

（3）li 列表项目  一般不单独存在  铺满一行

（4）dl 自定义列表  外框架

（5）dt 自定义列表项  顶格出现

（6）dd 自定义列表项目说明  可以没有  缩进出现

6.4个表格标签

（1）table  表外框

（2）tr  行

（3）th  表头单元格

（4）td  普通单元格

（5）标签属性

在开始标签中对标签进行修饰

table属性

border  边框

cellspacing  单元格间距

cellpadding  单元格内补

width  宽度

align  对齐

td属性

colspan  合并列

rowspan  合并行

7.4个媒体标签

（1）a 超级链接

href  链接地址  支持外部服务器地址  支持本地服务器地址

target  _blank  新空白页签打开         _self  默认当前页签打开

锚点   href要以#开头 内容和目标元素身上的id属性一致

（2）img 图片

src  图片地址  本地图片  其他服务器的图片

alt  图片加载失败显示信息

（3）audio  音频

src  音频地址  网络地址  本地地址

controls  控件  一般不会使用默认的控件  需要自己绘制控件皮肤，所有浏览器表现一致  需要通过js交互完成控制

autoplay  自动播放  chrome禁用

（4）video  视频

src  视频地址  本地地址  网络地址

controls  控件

8.1个框架标签

iframe  嵌入其他页面  网络地址  本地地址

src  地址路径

第一次请求原始页面  包含iframe地址  第二次请求iframe地址

9.1个表单标签

可以让用户输入的数据提交到服务器

表单域（from）

action  服务器地址  默认是当前页面地址

method  提交方法  get  参数是以?key=value&key=value=value..的形式拼接  测试地址  http://httpbin.org/get  post  参数是以表单数据进行提交  测试地址  http://httpbin.org/post  默认是get

表单标签

input  一般配合lable  label的for要和input的id一致

type  text 文本  password  密码  submit  提交  rest  重置  radio  单选  checkbox  多选  color  颜色  file  文件

select  下拉选项  name写在option上        结合option  value写在option上  带有select默认选中

textarea  多行输入框  可以更改大小

需要提交到服务器的表单标签一定要有name

input的value就是需要提交给服务器的值              当type等于text, password之类的可输入内容，不需要写value                radio, checkbox需要写value

input属性

placeholder              提示信息

required                   必填项目

checked                   默认选中

select                       下拉默认选中

隐藏域         看不见的也会提交到服务器内容

type为hidden        name      csrf_token           value     口令

10.html语义化标签

就是div  只是换了个名字

header      头部

nav           导航栏

footer        底部栏

main         主体

selection       区域

article        文章

aside         侧边栏

11.html的标准属性

所有标签都可以使用的属性

id        单个html文件内部一定要唯一

class       一个标签可以有多个类名             多个类名可以使用空格隔开              一个类名可以用于多个标签

style    样式            {key:value; key:value}

title      鼠标划入提示信息

12.html快速生成

>            嵌套

*             重复

+            后续

{}            内容

$            出现在{}中代表一个数字

()            代表分组        不能出现在最后一个

lorem     随机段落内容

lorem5       随机5个单词

lorem5-10          随机5-10个单词