1.在webstorm中学习键盘输入“元素+TAB键=标签”
2.学习<a></a>标签的功能及实践运用、缺点
功能:超链接、建锚点等
实践运用:
超链接:<a href="超链接地址"></a>
建锚点:
①:创建锚点
例:<a href="" name="名字">可添加文字</a>
②:指向锚点
例:<a href="#对应的name名字">添加文字</a>
注:在html中“#”起到一个分隔的作用,在css中代表ID
缺点:需要刷新页面
3.学习标签<img>的功能及实践运用
功能:插入图片
实践运用
例:<img src="图片的地址信息" alt="图片显示不了时写名称">
拓展:"src"与“url”都表达的是地址信息
4.无序标签<ul></ul>的实践运用
无序标签需要与li元素在一起使用
例:<ul>
<li>
内容
</li>
</ul>
5.有序标签<ol></ol>的实践运用
有序标签与无序标签有相同之处都需要与li元素一起使用
例:<ol>
<li>
内容
</li>
</ol>
6.自定义列表标签<dl></dl>的实践运用
例:<dl>
<dt>
<dd>
</dd>
</dt>
</dl>
注:dd元素代表表项内容
dt元素代表名称
但dd元素与dt元素是平级关系
7.内联框架的实践运用
方法:
①:框架命名 ②:a标签
例:<iframe src="内容地址" frameborder="0或者1" name"名字"></iframe>
注:“0”代表狭义上的假,“1”代表狭义上的真
<a href="内容地址" target="与name定义名字一样">内容</a>
8.html表格实践运用
表格标签:
table(表)row(行) td(表格的单元格):deta数据 th(表头) caption(标题)tr(定义若干行)
cellpadding(内边距) cellspacing(外边距)
三个语义化标签
<thead> <tbody> <tfoot>
三个注意:
“align”只针对于表格
cellpadding 只针对于表格
cellspacing 只针对于表格
实例:(演示一部分)
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>