web基础（一）--------标签

目录

一、前言

二、正文

1、注释快捷键：ctrl+/

2、程序结构：嵌套关系、并列关系

3、标题大小：h1-h6

4、段落标签

5、图片标签

6、音频标签

7、视频标签

8、超链接标签

---

一、前言

这里是一点知识点记录，一篇看一篇，适合小白或者复习的时候用！！！

二、正文

1、注释快捷键：ctrl+/

2、程序结构：嵌套关系、并列关系

3、标题大小：h1-h6

    <h1>一级标题</h1>

    <h2>二级标题</h2>

4、段落标签

（1）br强制换行

（2）hr创建水平线

 <p>《活着》是作家余华的代表作之一。<br>讲诉了在大时代背景下，随着内战、三反五反，大跃进，文化大革命等社会变革，徐福贵的人生和家庭不断经受着苦难，到了最后所有亲人都先后离他而去，仅剩下年老的他和一头老牛相依为命</p>

    <p>这本书揭露了最真实的人间。<hr>如文中所言：最初我们来到这个世界，是因为不得不来；最终我们离开这个世界, 是因为不得不走。下面就是小编为大家整理的余华《活着》 经典语句<s>摘抄的内容了</s>，供大家参考阅读。</p>

5、图片标签

（1）title：鼠标悬停的时候出现

（2）alt：图片找不到时的替换文本

（3）width和height只写一个时，二者随之变化

    <img src="./imges/cat.jpg" alt="橘猫" title="一只橘猫" width="100" >

 （4） ../ ：返回上一级  

（5）./ ： 查找同级别的 

    <img src="imges/cat.jpg" alt="橘猫" title="一只橘猫" width="100" >

    <img src="../day01/cat.jpg" alt="橘猫" title="一只橘猫" width="100" >

6、音频标签

（1）controls 显示播放控件

（2）autoplay 自动播放（部分浏览器不支持）

（3）loop 循环播放

 <audio src="../day01/audio/f900f5bd-d4d1-4a0a-b637-6c4d4de24036.mp3" controls></audio>

7、视频标签

（1）controls 显示播放控件

（2）autoplay 自动播放（部分浏览器中需要配合muted实现静音播放,才能在打开网页的时候自动播放）

（3）loop 循环播放

        <video src="./video/lv_0_20230207214515.mp4" controls autoplay muted loop></video>

8、超链接标签

（1）开发初期，用#来代替需要跳转的地址，空链接

        <a href="#">空链接</a>

（2）跳转到网页--href:跳转地址

        <a href="http:www.baidu.com">百度一下</a>

（3）跳转到文件

        <a href="./01.html">跳转到01.html</a>

（4）局部跳转：_self 默认值，在当前窗口中跳转（覆盖原网页）

（5）局部跳转：_blank 在新窗口中跳转（保留原网页）

        <a href="http:www.baidu.com" target="_blank">百度一下</a>