样式、图像、表格、列表

萝らか妹 提交于 2020-03-08 08:32:39

一、

     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>】

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!