• 标记及属性


                        标记及属性

    一、通用标签及属性

         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>显示效果都会在最上面一行

  • 相关阅读:
    nginx
    不再想写博客的大众集合教程
    数据结构与算法之算法
    数据结构与算法
    yii2的安装使用
    git的使用方法总结
    php生成图片验证码
    git推送失败的问题
    配置nginx支持thinkphp框架
    centos下的lnmp环境搭建
  • 原文地址:https://www.cnblogs.com/yuyan0513/p/6527204.html
Copyright © 2020-2023  润新知