web基础知识

最新推荐文章于 2025-06-06 01:31:59 发布

@清雅绝尘

最新推荐文章于 2025-06-06 01:31:59 发布

阅读量83

点赞数

分类专栏： html 前端文章标签：前端 html

本文链接：https://blog.youkuaiyun.com/qq_45560461/article/details/129287891

版权

前端同时被 2 个专栏收录

6 篇文章

订阅专栏

html

5 篇文章

订阅专栏

实体字符

通过字符实体显示预留字符
常用的实体字符：

<body>
    <p>元：&#165;&yen;</p> 
    <p>注册商标：&reg;&#174;</p>
    <p>空格：&nbsp;&#160;</p>
    <p>和号：&amp;&#38;</p>
    <p>版权：&copy;&#169;</p>
    <p>小于号：&lt; &#60;</p>
    <p>大于号：&gt; &#62;</p>
    <p>引号：&quot; &#34;</p>
    <p>撇号：&apos; &#39;</p>
</body>

结果：
在这里插入图片描述
注：实体名称对大小写敏感！

块元素与行内元素（内联元素）

区别：

块元素：独占一行（自上向下垂直排列），可以设置width，height属性，可以包含行内元素和其他块级元素
例如：div、form、h1~h6、hr、p、table、ul、等
行内元素：只占自身的大小，行内元素设置width，height属性无效，一般内联元素包含内联元素不包含块级元素
例如：a、b、em、i、span、strong等
行内块级元素（不换行、能够识别宽高）
例如：button、img、input等

容器元素（div）

<div> 可以把文档分割为独立的、不同的部分，是一个块级元素，它的内容自动地开始一个新行，主要应用在布局上。

H5新标签

头部 <header></header>
导航 <nav></nav>
定义文档中的节,比如章节、页眉、页脚 <section></section>
侧边栏 <aside></aside>
底部 <footer></footer>
独立的、完整的相关内容块 <article></article>

视频

Video标签定义视频，比如电影片段或其他视频流

音频

Audio 标签定义声音，比如音乐或其他音频流

例如;

<body>
    <video src="3.mp4" controls autoplay muted height="500px" width="500px">您的浏览器不支持video标签</video>
    <br>
    <audio src="1.mp3" controls autoplay muted loop preload></audio>
    <audio controls>
        <source src="1.mp3">
        <source src="2.mp3">
        Your browser does not support the audio element.
    </audio>
</body>

属性介绍：
height：设置播放器高度
width ：设置播放器宽度
src：要播放的视频的地址
autoplay：自动播放
controls：显示控件
loop：循环播放
muted：输出被静音
preload：页面加载的时候,自动预加载资源
poster：视频封面
<source> 为媒介元素定义媒介资源。
<source> 可替换的视频/音频文件供浏览器选择