标记及属性

                    标记及属性

一、通用标签及属性

     1.基础标签

     (1)<head></head>(头标签)

     (2)<meta/> (编码格式)

     (3)<body></body>(主题标签)

           属性:bgcolor背景色;text字体颜色;background背景图片;

                    margin(网页的4个边距数值):topmargin上边距;leftmargin左边距;rilghtmargin右边距;bottommargin下边距

     2.路径

      (1) 绝对路径(从根开始的)

           /:从磁盘开始   如:file:///F|/

      (2)相对路径(从自身开始)

          ./ :当前目录 ;  ../ :上级目录;/ :代表根 (当前目录里面另一个文件夹里面的文件)

           例如:../文件夹/要找的文件

     3.格式控制类

          <font> 属性: color字体颜色;face字体样式;size字体大小;<b>、<strong>加粗 ;<i> 、<em>倾斜 ;<u>下划线 ;<s>删除线;<br/>换行  ;&nbsp空格;sub下标记;sup上标记

            例如:<font face="微软雅黑" size="+4">

                           <b> 

                                 <sub>

                                           &nbsp;20170308

                                  </sub>

                           </b>

                    </font>

       4.<h1>--<h6> (做标题的由大到小)

       5.<p></p> (做段落) 

       6.<span></span> (层标签)

        (1)内容多大占多大地

        (2)加属性、样式表用的

       7.<div></div> (层标签)

        (1)不管内容多大默认占一行

        (2)加属性、样式表用的

        8. <ol><li>有序列表   <ol>属性:type="a、A、1、i、I "

            例如:<ol type="a">

                          <li>第一</li>

                          <li>第二</li>

                     </ol>

        9.<ul><li>无序列表   <ul>属性:type="square"方格、 type="circle"空心圆、type="disc"圆点

            例如:<ul type="square"; type="circle";type="disc">

                          <li>第一</li>

                          <li>第二</li>

                     </ul>

二、常用标签

         1.<a></a> 超级链接(<a href="http://网址"></a>)

            属性:(1) target=_blank  (重新打开一个新的窗口)

                    (2) target=_parent  (在本窗口打开并覆盖)

           做锚点:<a name="D1"> </a>  (要定的点)

                     < a href="#D1"> 跳转到D1</a>

                     < a href="#"> 跳转到定点</a>  (#这里表示定点)

         2.<img/>导入图片(单标签)

              属性:width 宽度;height 高度;title 图片的标题,鼠标放上显示;alt 坏图显示名字

              例如:<img src="图片" width="100px" height="100px" alt="坏图显示名字" title="图片的标题,鼠标放上显示"/>

            图片超级链接:<a href="http://网址">

                                 <img src="图片" width="100px" height="100px" alt="坏图显示名字" title="图片的标题,鼠标放上显示"/>

                                </a>

三、表格标签

         1.<table></table>表格

              属性:border(边框粗细);cellspacing(单元格间距);cellpadding(单元格边距);bordercolor(边框颜色);width(宽度);height(高度)

         2.<tr></tr>行

              属性:align=left(此行全部水平左对齐);align=right(此行全部水平右对齐);align=center(此行全部水平居中对齐

                     valign=left(此行全部垂直左对齐);valign=right(此行全部垂直右对齐);valign=center(此行全部垂直居中对齐

         3.<td></td>列

             属性:width单元格宽度;height单元格高度;bgcolor背景颜色;rowspan合并单元格(行);colspan合并单元格(列)

                      align=left(水平左对齐);align=right(水平右对齐);align=center(水平居中对齐

                      valign=left(垂直左对齐);valign=right(垂直右对齐);valign=center(垂直居中对齐

        4.<th></th>表题,默认单元格内容自动居中、加粗  (尽量不要跟<thead></thead>一起出现)

        5.<tfoot></tfoot>显示效果都会在最后一行

        6.<thead></thead>显示效果都会在最上面一行

原文地址:https://www.cnblogs.com/yuyan0513/p/6527204.html