美文网首页
哇爪跟着李南江学习HTML5—HTML学习

哇爪跟着李南江学习HTML5—HTML学习

作者: 哇爪 | 来源:发表于2017-03-06 22:51 被阅读0次

    经过几天的学习,对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="合并单元格个数"

    学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)


    相关文章

      网友评论

          本文标题:哇爪跟着李南江学习HTML5—HTML学习

          本文链接:https://www.haomeiwen.com/subject/uwhpgttx.html