HTML-end

总结自默

  1. 列表标签

  • 有序列表--ol表示---li表示里面的

<p>
    <ol>
        <li></li>
        <li></li>
        <li></li>
</ol>
</p>
  • 无序列表--ul表示---li

<p>
    <ul>
        <li></li>
        <li></li>
        <li></li>
</ul>
</p>
  • 自定义--dl--dt(标题)---dd(===li)

<p>
    <dl>
        <dt>学科</dt>
        <dd>java</dd>
        <dd>phython</dd>
        <dd>c/c++</dd>
</dl>
</p>

  1. 表格

  • table--表示表格

  • tr---行 td---列

  • border=“1px”--表示表格所呈现的效果

  • col-span-跨列 row-span-跨行

  • colspan=“5”跨5列 rowspan=“5”跨5列

<table>
    <tr>
        <td colspan="2"></td>
        <td></td>
    </tr>
    <!-- 表示一行二列 -->
    <tr>
        <td rowspan="2"></td>
        <td></td>
    </tr>
</table>
  1. 媒体元素

  • src--资源路径

  • controls--控制条

  • video---视频

  • audio---音频

  • autoplay--自动播放

<video src=""  controlsautopaly ></video>
<audio src="" controls autoplay></audio>

  1. 页面结构分析

  • header--头部

  • section--主体

  • footer--脚部

<header></header>
<section></section>
<footer></footer>
  1. 内联框架--就是里面嵌套一个网页

  • iframe--内联框架 src=“”地址 w-h--高度宽度(xxx px)单位是px

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联框架学习</title>
</head>
<body>
<!--<iframe src="//player.bilibili.com/player.html?aid=6159200&bvid=BV11s41167h6&cid=10001692&page=1"-->
<!--        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">-->
<!--</iframe>-->
​
<iframe src="https:/www.baidu.com" frameborder="0" width="1000px" height="800px"></iframe>
&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值