第二节:HTML知识点升级

高级标签

列表:无序列表ul>li;有序列表ol>li;自定义列表dl>dt+dd;列表嵌套ul>li>ul>li

无序列表:

第二节:HTML知识点升级_第1张图片

                                    结果

有序列表:

第二节:HTML知识点升级_第2张图片


注意:

    ,type="1"/"a"/"A"/"大写阿拉伯1"/"小写阿拉伯1"来决定序号的符号样式

    定义列表:

    第二节:HTML知识点升级_第3张图片
    第二节:HTML知识点升级_第4张图片

    创建表格:

    第二节:HTML知识点升级_第5张图片

    注意:rowspan,行合并单元格;colspan,列合并单元格。

    节标签

    div标签:块级别,独占行,类似有:p,div,ul,ol,dl,li,dt,h1-h6,

    span标签:行级别,可以跟其他行内标签共用一行,类似有:span,strong,em......文本相关的标签都是行内标签。

    表单

    一个完整的表单通常由表单空间(表单元素)、提示信息、表单域三个部分构成

    第二节:HTML知识点升级_第6张图片

    method,取值get或post

    input控件:

    第二节:HTML知识点升级_第7张图片

    textarea控件:

    select控件:

    第二节:HTML知识点升级_第8张图片
    第二节:HTML知识点升级_第9张图片

    其他标签

    ,base标签可以让当前页面中的所有的a标签都拥有相同的属性,比如target属性

    特殊字符标号

    第二节:HTML知识点升级_第10张图片

    HTML语义化

    web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。

    标签与语义相结合,尽量不要使用没有语义的标签,比如:div,span,尽量使用p,ul,ol,table等标签。

    你可能感兴趣的:(第二节:HTML知识点升级)