哇爪跟着李南江学习HTML5—HTML学习
经过几天的学习,对html已经有了一定的认识。江哥给我留下了深刻的印象,生动而又风趣的讲解让我很快进入了如饥似渴的学习状态。从听说到接触,html并没有想象中的繁杂难懂,当然这与江哥细致而且浅显易懂的讲解离不开关系。
就如一件机器,看上去非常炫酷而实用,但是让你造一个肯定会觉得无从下手,江哥带我们从基础一层一层的剖开,拆解,分析。这个从无到有的过程就这么轻松的实现了,一切都那么简单自然。上课代码的注释让我的学习更加事半功倍。
学习从来不是一蹴而就的事情,每天的知识点一点都不少,单凭上课是无法完全掌握的。就如老师所讲说十遍不如写一遍,通过一行行的代码来夯实html的基础,对以后学习其它有很大的帮助,在后面即使再学习css也不怎么觉得吃力。下面是我认为一些比较常用的html标签:
1.a标签使用
a标签的格式:<href="指定需要跳转的目标界面">需要展现给用户查看的内容
1.1 target属性
_self:用于在当前选项卡中跳转,也就是不新建界面跳转.默认就是_self
_blank:用于在新的选项卡中跳转,也就是新建界面跳转
1.2 title属性
a标签中的title和img标签中的title一样,都是用来控制鼠标悬停时显示的提示文本
1.3 herf属性(假链接)
#的假链接会自动回到网页的顶部,而javascript:的假链接不会自动回到网页顶部
1.3.1锚点
给目标设置id或class,然后给herf赋值。(herf="#id/class")
1.4base标签
base标签必须写在head标签的开始标签和结束标签之间,和a标签写法一样
2.列表
2.1无序列表
定义:给一堆数据添加列表语义,并且这一堆数据中所有的数据都没有先后之分
格式:
<ul>
<li>需要显示的条目内容<li>
</ul>
2.2有序列表
定义:给一堆数据添加列表语义,并且这一堆数据中所有的数据都有先后之分
格式:
<ol>
<li></li>
</ol>
2.3定义列表
定义:先通过dt标签定义列表中的所有标题,然后再通过dd标签给每个标题添加描述信息
格式:
<dl>
<dt>北京</dt>
<dd>中国的首都</dd>
<dt>上海</dt>
<dd>富人集中地</dd>
</dl>
常用属性:
取消先导符号---list-style: none;
3.表格
格式:
<table>
<tr>(行)
<td></td>(单元格)
</tr>
</table>
需要显示的内容
3.1细线表格
用法:
1.给table标签设置bgcolor
2.给tr标签设置bgcolor
3.给table标签设置cellspacing = "1px"
3.2表格标题caption标签
注意:
(1)caption一定要写在table标签中,否则无效
(2)caption一定要紧跟在table标签后面
3.3列标题标签th(自动居中+文字加粗)
3.5单元格合并
水平方向:colspan="合并单元格个数"
垂直方向:rowspan="合并单元格个数"