2. 空标记/单标记 <标记 属性=...">
美文网首页HTML笔记
语法及常用标记(html)

语法及常用标记(html)

作者: 元气静静的日常 | 来源:发表于2019-06-26 16:17 被阅读0次

    1.常规标记/双标记

    <标记 属性="属性值"  属性="属性值"></标记>

    2. 空标记/单标记

    <标记 属性="属性值"/>

    说明:写在<>中的第一个单词叫做标记,标签,元素名。

    标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号(" ")内。

    一个标记可以没有属性值也可以有多个属性,属性和属性之间不分先后顺序。

    空标记没有单独的结束标签,用斜杠("/")代替。


    1.文本标题标签

    <h1>一级标题</h1>

    <h2>二级标题</h2>

    <h6>六级标题</h6>

    2.水平线

    <hr/>空标记

    3.段落

    <p>段落文本内容</p>

    4.强制换行

    <br/>是一个空标记

    5.空格

    <>

    ---所占位置没有一个确定的值,这与当前字号字体都有关系。

    6.加粗

    <b>加粗内容</b>-----样式标签

    <strong>加粗内容</strong>表示该文本比较重要,提醒读者/终端注意表示强调

    7.倾斜标记

    <em>  </em>---语义标签

    <i> </i>样式标签

    8.

    区别:

    <strong><em>逻辑字体格式化标签.表示强调.默认效果是通过字体加粗/倾斜来表示语义强调.而<b><i>标签就是字体加粗/倾斜标签,没有语意强调的意思,一般称为物理(无意义)字体格式化标签。

    语意强调作用的<strong><em>比<b><i>更容易引起搜索引擎的注意,但是如果只是为了加粗样式,建议在css样式表里实现。


    9.

    扩展    HTML和XHTML的语法区别

    XHTML,要求标签正确嵌套

    XHTML,所有标签必须关闭

    XHTML,区分大小写

    XHTML属性值,要用双引号

    XHTML,用id属性代替,name属性

    XHTML,特殊字符的处< >


    10.列表(ul,ol,dl)

    HTML中有三种列表,分别是:无序列表,有序列表,自定义列表.

    无序列表

    <ul>--unorderList

    <li>列表项内容</li>

    …..      …..

    </ul>

    有序列表

    <ol>--orderList

    <li>列表项内容</li>

    <li>列表项内容</li>

    …..      …..

    </ol>

    自定义列表

    <dl>

    <dt>名词</dt>

    <dd>解释</dd>

    </dl>

    11.

    语法及常用标记(html) 语法及常用标记(html)

    12.

    语法及常用标记(html)

    13.表格

    语法及常用标记(html)

    数据表格的相关属性

    1 ) width="表格的宽度"

    2) height=“表格的高度”

    3) border=“表格的边框”

    4) bordercolor="表格边框颜色"

    5 ) bgcolor="表格的背景色”

    6) cellspacing=“单元格与单元格之间的间距”

    7 ) cellpadding=“单元格与内容之间的空隙”

    8)水平对齐方式: align="left/center/right";

    垂直对齐方式: valign="top/middle/bottom”;

    注:垂直对其方式在td,tr上使用

    表格跨行和跨列

    colspan=“所要合并的单元格的列数”横向合并;

    rowspan=“所要合并的单元格的行数”纵向合并;

    相关文章

      网友评论

        本文标题:语法及常用标记(html)

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