html基础

列表标签

无序列表 ul>li

有序列表 ol>li

自定义列表 dl>dt+dd (dt和dd是兄弟关系，dt主题，dd是内容)

表格标签

table --表格整体，包裹tr标签

tr --表格每一行，包裹td标签

td --单元格，包裹任意标签

table属性

border:表格边框

width:设置宽度

height:设置高度

align:设置对齐方式(left|center|right)

rules:all(细线表格)

cellspacing:设置单元格与单元格之间的距离 默认为2px

cellpadding:设置内容到边框的距离，默认1px

表格结构

thead --头部

tbody --主体

tfoot --底部

表单标签 --input

文本框 --text

​ placeholder --提示文本

单选按钮 --radio

​ 设置相同name实现单选

多选按钮 --checkbox

文件上传 --file

​ 属性 multiple实现多文件上传

搜索框 --search

提交按钮 submit

重置按钮 reset

普通按钮 button

按钮标签 --button

提交按钮 submit

重置按钮 reset

普通按钮 button

下拉列表

select标签:下拉菜单的整体

option标签:下拉菜单的每一项内容

属性:selected --下拉菜单默认选中

文本域

文本域 textarea

cols：规定了可见的列数

row:规定可可见的行数

disabled:禁用

label标签

label标签 --能够提升用户体验，点击图片就可以选中所选的单选框、文本框等…

（1）1.使用label把内容包裹起来

​ 2.在表单标签上添加id属性

​ 3.在label标签的for属性设置对应id属性值

（2）1.直接用label标签把内容和表单一起包裹起来

​ 2.吧label标签的for属性删掉

无语义化标签

div --独占一行

span --一行显示多个

有语义化标签

header --网页头部

nav --网页导航

footer --网页底部

aside --网页侧边栏

section --网页区块

article --网页文章

字符实体

空格合并现象 --用键盘打的多个空格只会显示一个

空格 – 

大于号 -->

小于号 --<

版权 --©

人民币 --¥