HTML基本格式及常用标签

时间:2021-02-22 19:42:04

一、HTML基本格式:

[html] view plaincopy
  1. <html>  
  2.   
  3.        <head>  
  4.   
  5.               <title>标题</title>  
  6.   
  7.        </head>  
  8.   
  9.        <body>  
  10.   
  11.   
  12.   
  13.        <!—添加内容 -->  
  14.   
  15.   
  16.   
  17.        </body>  
  18.   
  19. </html>  


二、HTML控制标记的格式:

       1、<标记名称>

                     单一型,无设置值

                                   如:<br>

       2、<标记名称属性 = “ 属性值 ” >

                     单一型,有设置值

                                   如:<hr width = “ 80% ”>

       3、<标记名称> … </标记名称>

                     对称型,无设置值

                                   如:<title> … </title>

       4、<标记名称属性 = “ 属性值 ”> … </标记名称>

                     对称型,有设置值

                                   如:<body bgcolor = “ red ”> …</body>

                                          <fontsize = “ 7 ”> … </font>



三、HTML常用标签:

       1、换行                                <br>

       2、段落                                <palign = “ 排列方式 ”> …</p>

       3、水平直线                        <hr>

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

       5、背景色与文字设置         <body bgcolor = “ 背景色 ” text = “ 文字颜色 ”>

       6、整体页面的边距             <body leftmargin = “ 像素” topmargin = “ 像素 ”>

       7、标题文字设置                  <h1> … </h1>

                                                                 ```

                                                        <h6>… </h6>

       8、特殊字符设置                <            lt;

                                                    >            gt;

                                                    &           amp;

                                                    “             quot;       (Ps、每个之前都要加&)

       9、在HTML备注                <!--  … -->

       10、实体字符控制标记

              (1)     <b> … </b>                                粗

              (2)     <i> … </i>                                   斜

              (3)     <s> … </s>                                 删

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

              (5)     <tt> … </tt>                                 电报

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

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

       11、语意字符控制

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

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

              (3)     <small> …</small>                 小字

              (4)     <del> …  </del>                         删除 (等效于 <s> )

              (5)     <ins> … </ins>                         修改(等效于 <u> )

              (6)     <strong> …</strong>              加强语气 (加粗 等效于 <b> )

              (7)     <em> … </em>                         加强语气(倾斜 等效于 <i> )

       12、<font> 字体控制 (被废弃的标签)

                            格式:<font> … </font>

                            属性名称              属性值

                            size                       0-7

                            color                     英文或十六进制数

                            face                      字体 (建议不要用)

       13、格式化

                            格式:<pre> … </pre>

                            让书写的文字格式化!

       14、引用文本

                            格式:<blockquote> …</blockquote>

                            属性名称              属性值           说明       

                            cite                       url                 被引用的地址