iframe怎么创建一个新页面(WEB前端iframe框架列表和表格)

iframe怎么创建一个新页面(WEB前端iframe框架列表和表格)(1)

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:定义列表中的项目

    表格描述< 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="http://img.studyofnet.comUrl"></iframe> <!-- Url指的是iframe显示的内容地址 -->

    属性描述
    widthpx/%规定 iframe 的宽度。
    heightpx/%规定 iframe 的高度。
    frameborder1/0规定是否显示框架周围的边框。
    scrollingyes/no/auto规定是否在 iframe 中显示滚动条。
    srcURL规定在 iframe 中显示的文档的 URL。
    seamlessseamless规定在 < iframe > 中显示的页面的 HTML 内容。

    ps:内嵌网页,加载更多,付款成功(不想跳转页面的话)

    ,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页