• 样式、图像、表格、列表


    一、

         1.内部样式表:只对所在网页有效。

            【写法示例:<style type="text/css">……</style>】

         2.外部样式表:管理整个web页的外观,通过HTML的link元素将外部样式表连接至HTML文档。

            【示例:<head>
                          <link rel="stylesheet" type="text/css" href="mystyle.css">
                          </head>】

         3.<style>定义文本样式。

         4.<link>定义资源引用地址。

    二、

        1.<img>标签定义图像(空标签,只包含属性,无闭合标签)

           显示图像,需使用源属性(src,指source),源属性的值为图像的URL地址(统一资源定位符,标示资源的位置)。

         【示例:<img src="url" alt="some_text">】

        2.alt属性为图像定义一串预备的可替换的文本。(用处:在浏览器无法载入图像时,替换文本属性告诉读者失去的信息)

          【示例:<img src="boat.gif" alt="Big Boat">】

        3.height与width属性用于设置图像的高度与宽度。(属性值默认单位为像素)

           【示例:<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">】

    三、

        1.<table></table>标签定义表格(每个表格有若干行,每行被分割为若干单元,数据单元格可以是文本、图片、列表、段落、表单、水平线、表格等等)。

        2.<tr></tr>标签定义表格行。

        3.<td></td>标签定义表格数据(table data)(即数据单元格)。

          【以上三点示例:

                                       <h4>一行三列:</h4>
                                       <table border="1">
                                       <tr>
                                       <td>100</td>
                                       <td>200</td>
                                       <td>300</td>
                                       </tr>
                                      </table>

             】

        4.border边框属性。【示例:<table border="1">

        5.<th></th>标签定义表格表头。

          【示例:<tr>
                        <th>Name</th>
                        <th>Telephone</th>
                        <th>Telephone</th>
                        </tr>】(表头水平显示)

     四、

         1.列表分为无序链表(项目前有实心黑圈圈标记)和有序链表(项目前有数字标记,数字可以自定义从几开始)。

         2.<ul></ul>标签定义无序链表。

           【示例:<ul>
                         <li>Coffee</li>
                         <li>Milk</li>
                         </ul>】

         3.<ol></ol>标签定义有序链表。

           【示例:<ol>
                         <li>Coffee</li>
                         <li>Milk</li>
                         </ol>】

         4.<li></li>标签定义列表项。【实力如上】

         5.自定义列表包含项目及其注释。

            1)、<dl></dl>标签定义自定义列表。

            2)、<dt></dt>标签定义自定义列表项。

            3)、<dd></dd>标签定义自定义列表项的定义(注释)。

               【示例:<dl>
                             <dt>Coffee</dt>
                             <dd>- black hot drink</dd>
                             <dt>Milk</dt>
                             <dd>- white cold drink</dd>
                             </dl>】

  • 相关阅读:
    初学flask
    第一次使用pyqt5解决的几个小问题
    一些细节
    关于random
    go语言 方法
    go 语言 struct 另类构造函数 继承
    go 语言 链表 的增删改查
    go 语言 链表
    go 语言struct
    无题
  • 原文地址:https://www.cnblogs.com/masker99/p/10737185.html
Copyright © 2020-2023  润新知