html教程 内容:16

HTML图像 / 表格 / 列表 / 使用实例

  • 查看作者
  • 在HTML中图像由<img>标签定义,表格由<table>标签来定义,列表支持有序无序和定义列表。

    图像

    img标签属性
    <img src="url" />

    PS:src="url"的url是图片路径地址。

    img替换属性
    <img src="url" alt="图片描述">

    PS:alt="描述"当图片加载失败就会以图片描述文字显示。

    表格

    边框属性
    <table border="1">
    <tr>
    <td>内容</td>
    <td>内容</td>
    </tr>
    </table>

    PS:border="1" 定义边框属性,如果不加将不显示表格边框。

    表头
    <table border="1">
    <tr>
    <th>标题1</th>
    <th>标题2</th>
    </tr>
    <tr>
    <td>内容1111</td>
    <td>内容2222</td>
    </tr>
    <tr>
    <td>内容1111</td>
    <td>内容2222</td>
    </tr>
    </table>

    PS:表格的表头使用<th>标签进行定义。

    空单元格
    <table border="1">
    <tr>
    <td>内容</td>
    <td>内容</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>内容</td>
    </tr>
    </table>

    PS:空单元格中添加一个空格占位符&nbsp; 

    表格由<table>标签来定义。每个表格均有若干行(由 <tr> 标签定义)每行被分割为若干单元格(由 <td> 标签定义)。

    数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

    列表

    无序列表
    <ul>
    <li>内容</li>
    <li>内容</li>
    </ul>

    PS:无序列表使用粗体圆点(典型的小黑圆圈)进行标记。列表始于<ul>标签。每个列表项始于<li>

    有序列表
    <ol>
    <li>内容</li>
    <li>内容</li>
    </ol>

    PS:同样,有序列表使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签

    定义列表
    <dl>
    <dt>标题1</dt>
    <dd>内容内容内容内容</dd>
    <dt>标题2</dt>
    <dd>内容内容内容内容</dd>
    </dl>

    PS:自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

    请登录之后再进行评论

    登录
    最新评论