HTML基本结构

    xiaoxiao2021-12-14  21

    一、HTML基本结构

    <html>          —— 根控制标记

    <head>        ——头控制标记

    <title>网页标题</title>    ——标题标记

    </head>          ——头控制标记(尾)

    <body>

        例如:我的第一个html网页!       ——网页显示区域

    </body>

    </html>            —— 根控制标记(尾)

    二、HTML控制标记的格式

    1.<标记名称>    单一型,无属性设置值     例如:<br>

    2.<标记名称  属性=“属性值”>   单一型,有属性设置值    例如:<hr  width="80%">

    3.<标记名称>...</标记名称>   对称型,无设置值    例如:<title>...</title>   <p>...</p>

    4.<标记名称  属性=“属性值”>...</标记名称>   对称型,有设置值    例如:<body  bgcolor="red">...</body>      <font  size="7">...</font>

    三、最常用的控制标记

    1.跳行   <br>    无属性设置

    2.段落   <p  align="排列方式">...</p>    align具有三种属性值:left  center  right

    3.水平直线  <hr>

    属性名称    属性值        说明

    size            像素            绝对设置,以数字表示,设置值越大,线越粗

                       百分比        相对设置,以%表示,属性值越大,线越粗

    width         像素             绝对设置,长度不会应视窗的改变而改变

                       百分比        相对设置,长度会随着视窗宽度而改变

    noshade                       实体线

    color          颜色            设置水平线的颜色值

    4.向中对齐  <center>...</center> (被废弃的标签)

    5.背景颜色与文字设置     格式:<body bgcolor="背景色"  text=“文本颜色”>

       整体页面的边距、行距    格式:<body  leftmargin="像素"  topmargin=“像素”>

    6.标题文字设置   

    格式:                     属性名称      属性值        说明

    <h1>...</h1>          align             left               靠左

    <h2>...</h2>                                center         居中

    <h3>...</h3>                                right            靠右

    <h4>...</h4>

    <h5>...</h5>

    <h6>...</h6>

    7.特殊字符设置(使用时在前面加上&)

    (1)<  lt;

    (2)>  gt;

    (3)&  amp;

    (4)"   quot

    8.在HTML中的备注(不显示)

    格式:<!--....-->

    9.实体字符控制标记

    (1)<b>...</b>  粗体

    (2)<i>...</i>    斜体

    (3)<s>...</s>  删除线

    (4)<u>...</u> 下划线

    (5)<tt></tt>     电报字体

    (6)<sub>...</sub>  下标

    (7)<sup>...</sup>  上标

    10.语义字符控制

    (1)<address>...</address>  地址

    (2)<big>...</big>                    大字

    (3)<del>...</del>                    删除

    (4)<ins>...</ins>                    修改(下划线)

    (5)<small>...</small>           小字

    (6)<strong>...</strong>       加强语气(加粗)  

    (7)<em>...</em>                  加强语气(倾斜)

    11.font字体控制(被废弃的标签)

    格式:<font>...</font>

    属性名称        属性值                     说明

    size                0-7                            字体大小(最大是7)

    color              英文或十六进制      颜色(使用16进制时要用6位,只有CSS才能用3位)

    face               字体                          字体

    12.格式化 (通常用于代码的编写,保持代码整齐)

    格式:<pre>...</pre>

    让书写的文字格式化!

    13.引用文本(两边缩进)

    格式:<blockquote>...</blockquote>

    属性名称        属性值          说明

    cite                 url                  被引用的地址

    转载请注明原文地址: https://ju.6miu.com/read-963524.html

    最新回复(0)