1.列表
无序列表:
-ul >li
有序列表
-ol >li
自定义列表
-dl>dt+dd
dt靠前 dd靠后
列表嵌套
-ul>li>ul>li
2.表格
table>thead>tr>th>td
table为表格
tr为行
th为首行标题
td为列(单元格)
td rowspan=“2”上下一个单元格2行合并
td colspan=“2” 将一行中的1个单元格2列合并
3.节标签:div span
div标签:块级标签独占行
span标签:行级标签共同使用
块级标签:p,div,ul,ol,dl,li,dt,h1-h6
行级标签:xing:span,strong,em
4.表单
form action=“#”
input type=“text” value=“123”:text文本标签(输入行),value输
入信息
input type=“radio”单选标签 name=“gender” 仅可选择一个单选
下拉选项表单:
《select name=“” id=“”》
《option value=“1”》 公历《/option》 第一个选项
《option value=“2”》 农历《/option》第二个选项
下拉展示选项表单:
《select name=“” id=“” multiple=“multiple”》
《option value=“1”》 公历《/option》 第一个选项
《option value=“2”》 农历《/option》第二个选项
超文本标签:
《textarea cols=“20” rows=“10”》文本标签 和长宽
内容
《textarea》
多选盒子框:
《input type=“checkbox”》
注册按钮:
《input type=“sumbit” value=“注册”》
包含标签:
《fieldset》
Form:包裹标签, action:#
input:text,textarea文本框,radio,name=“gender”单选按钮,type
:checkbox多选按钮,submit提交的按钮,button按钮,reset重置的按钮
checked属性:标识多选un按钮是否被选中。
lable:for属性想提供给某id的服务。
select:下列菜单(multiple=“multiple” 展示下拉菜单)
cols:设置文本域宽度
rows:高度
iframe:内敛网页 可以设置width宽 hight高 frmaeborde=0去掉边框
5.高级补充标签
meta标签:网站seo关键词和描述
《meta name=“keywords” content=“关键词”》
link标签:引入标签
script:引入js
base:可以使页面的所有a标签同一属性
《base target=“_blank”》所有超链接在另外一个页面打开
pre : 实际显示
直接在网页显示内容:<内容>
6.html语义化
web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含
义,能够使人和搜索引擎都容易理解
网友评论