程序员的知识教程库

网站首页 > 教程分享 正文

WEB前端iframe框架，列表和表格，代码详解!

henian88 2024-10-10 05:49:46 教程分享 3 ℃ 0 评论

HTML标签之列表，表格，iframe

有序列表，无序列表

  • ul 无序列表标签

    1
2
3
4
5
6
    <ul>
 <h3>ul无序列表</h3>
 <li>蒹葭苍苍，白露为霜</li>
 <li>所谓伊人，在水一方</li>
 <li>我就是这么的可爱!</li>
</ul>

  • ol有序列表标签

    1
2
3
4
5
6
    <ol>
 <h3>ol有序列表</h3>
 <li>蒹葭萋萋，白露未晞</li>
 <li>所谓伊人，在水之湄</li>
 <li>我就是这么的迷人!</li>
</ol>

    PS：列表之间是可以相互去嵌套的，互相搭配干活不累。

列表

  • dl标签

    1
2
3
4
5
6
7
8
9
10
11
    <dl>
 <h3>dl列表</h3>
 <dt>HTML</dt>
 <dd>超文本标记语言</dd>
 <dt>CSS</dt>
 <dd>层叠样式表</dd>
 <dt>Javascript</dt>
 <dd>脚本语言</dd>
 <dt>JAVA</dt>
 <dd>Coffice</dd>
</dl>

    dt：定义列表中的项目

    dd：描述列表中的项目

表格

表格描述
< table >定义表格
< caption >定义表格标题。
< th >定义表格的表头。
< tr >定义表格的行。
< td >定义表格单元。
< thead >定义表格的页眉。
< tbody >定义表格的主体。
< tfoot >定义表格的页脚。
1
2
3
4
5
6
7
8
9
10
11
<!-- 垂直的表头 -->
<table border="1" style="border-collapse: collapse;">
 <tr>
 <th> name </th>
 <th> Mr.老司机寻常 </th>
 </tr>
 <tr>
 <th> size </th>
 <th> 18 </th>
 </tr>
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- 横向的表头 -->
<table border="1" style="border-collapse: collapse;">
 <tr>
 <th> name </th>
 <th> age </th>
 <th> mail </th>
 </tr>
 <tr>
 <td> Mr.xq </td>
 <td> 18 </td>
 <td> 2039971852@qq.com </td>
 </tr>
</table>

iframe框架

1
2
3
<!-- 写法 -->
<iframe src="Url"></iframe>
<!-- Url指的是iframe显示的内容地址 -->
属性值描述
widthpx/%规定 iframe 的宽度。
heightpx/%规定 iframe 的高度。
frameborder1/0规定是否显示框架周围的边框。
scrollingyes/no/auto规定是否在 iframe 中显示滚动条。
srcURL规定在 iframe 中显示的文档的 URL。
seamlessseamless规定在 < iframe > 中显示的页面的 HTML 内容。

ps：内嵌网页，加载更多，付款成功（不想跳转页面的话）

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表