一、高级标签
1.列表
*无序列表:
<ul>
<li>篮球</li>
<li>足球</li>
<li>棒球</li>
</ul>
*有序列表:
<ol>
<li>棒球</li>
</ol>
*自定义列表:
<dl>
<dt>名词</dt>````````````````````````````标题标签
<dd>名词解释1</dd>``````````````````内容1
<dd>名词解释2</dd>``````````````````内容2
</dl>
2、表格
<table>················································代表所有单元格
<tr>```````````````````````````````````````````代表行
<td>·······································代表一个单元格
</td>
</tr>
</table>
*单元格合并
行的合并:<td rospan="2">内容</td>```````````````一个单元格占用两列的合并:<td colspan="2">内容2</td>```````````将一行中一个单元格 占用两个列来显示
3.节标签:
*div(块级标签:独占行)
*span(行级标签:和其他的行内标签共用一行)
补充:块级标签(p、div、ul、ol、dl、li、dt、h1-h6)
行级标签(span、strong、em文本相关的额标签都是行内标签)
4.表单
在HTML中,一个完整的表单通常由表单控件(也称表单元素)提供信息和表单城三个部分构成。
*所有的表单标签必须包裹在form标签中
*组合标签:
用fieldset(分组)标签把form标签中的内容(用户名或密码)包裹住,加一个legend标签(组名),就可以把表单分成各种组
5.高级补充标签:
*meta标签:网站SEO关键词和描述
*link标签:引入js
*a标签补充:
#锚点
target属性补充:blank、parent、self、top、framename
base标签
6.HTML语义化:
web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎能容易理解。
*充分利用标签默认的含义
一.学习计划:
1.标签的常规用法
2.相对路径和绝对路径
3.标签的使用和类型
4.链接的使用