zoukankan      html  css  js  c++  java
  • HTML基本结构

    2.1 HTML的基本结构

    <html>                             -------根控制标记

    <head>                             -------头控制标记

    <title>标题</title>                 -------标题标记

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

    <body>                               

                                       -------网页显示区域

    </body>

    </html>                             -------根控制标记()

    (1).<html></html>根控制标记

    开头和结尾成对出现,双标签

    (2).<head></head>头控制标记

    1.<title>很单纯的文件标题声明

    2.<meta>控制标记的动态文件转换声明

    3.<base>超链接网址基准参考点

    4.JavascriptVBScript程序

    5.stylesheet 可用来设置排版来的声明

    6.<link>可引用外部文件,如CSS排版样本

    (3).<title></title>设置浏览器的视窗标题

    (4).<body></body>页面可见内容

    2.2 HTML控制标记的格式

    (1).<标记名称>

                    单一型,无设置值的。

                            如:<br>

    (2).<标记名称 属性="属性值">

                    单一型,有设置值的。

                            如:<hr width="80%">

    (3).<标记名称></标记名称>

                    对称型,无设置值。

                            如:<title></title>

    (4).<标记名称 属性="属性值"></标记名称>

                    对称型,有设置值。

                            如:<body bgcolor="red"></body>

                                <font size="7"></font>

    2.3 最常用的控制标记

    (1).跳行 <br>

                    格式:<br>

                    无属性设置

    (2).段落 <p>

                    格式:<p align="排列方式"></p>

        属性名称        属性值        说明

         align         left        往左靠(默认)

                       center      往中靠

                       right       往右靠

    (3).水平直线 <hr>

                    格式:<hr>

        属性名称        属性值        说明

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

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

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

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

        noshade      实体线

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

                    格式:<center></center>

    (5).背景色与文字设置

            格式:

    <body bgcolor="背景色" text="文字颜色">

            整体页面的边距,行距:

         <body leftmargin="像素" topmargin="像素">

    (6).标题文字设置

                    格式:<h1></h1>

                         <h2></h2>

                         <h3></h3>

                         <h4></h4>

                         <h5></h5>

                         <h6></h6>

                  属性名称            属性值         说明

                   align            left          靠左

                                    center        靠中

                                    right         靠右

    (7).特殊字符设置

                    格式:< lt;

          > gt;

          & amp;

          " quot;

    要结合&一起用,例如:&lt代表<,&amp代表&

    (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.<samll></small>          小字

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

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

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

        格式:<font></font>

        属性名称        属性值        说明

         size         0-7         字体大小

         color        英文或十六    颜色

         face         字体         字体

    (12).格式化

                    格式:<pre></pre>

                    让书写的文字格式化!

    (13).引用文本

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

    属性名称        属性值        说明

    cite           url          被引用的地址

  • 相关阅读:
    MyBatisPlus-快速入门
    Spring Cloud Alibaba的使用
    SpringCloud-Bus组件的使用
    Python刷题:最长回文子串(字符串)
    Python刷题:求最大连续bit数(位运算)
    Python刷题:用二进制方式求集合S的所有子集(位运算)
    Python刷题:集合S(k)求|x-y|最小时的x和y(位运算)
    Python刷题:常用二进制操作(位运算)
    Stripe支付介绍在asp.net mvc中开发对接,图文加代码说明
    从今天起做个真正的程序员
  • 原文地址:https://www.cnblogs.com/lifi/p/5638937.html
Copyright © 2011-2022 走看看