前端开发day01（HTML基础内容）

目录

基础内容

 标签语法

          HTML的基本骨架

标签的关系 

标题标签和段落标签

换行和水平线

文本格式化标签

图像标签

相对路径和绝对路径 

超链接标签

音频

视频

​编辑

---

基础内容

 标签语法

HTML的基本骨架

标签的关系 

标题标签和段落标签

<h1>标签在一个网页中只能用一次，用来放新闻标题或网页的 logo

<h2> ~ <h6> 没有使用次数的限制

<p>段落</p>

换行和水平线

• 换行：br

• 水平线：hr

文本格式化标签

提示：strong、em、ins、del 标签自带强调含义（语义）。

图像标签

<img  src="图片的 URL">

相对路径和绝对路径 

超链接标签

作用：点击跳转到其他页面。

<a href="https://www.baidu.com">跳转到百度</a>

href 属性值是跳转地址，是超链接的必须属性。

超链接默认是在当前窗口跳转页面，添加 target="_blank" 实现新窗口打开页面。

拓展：开发初期，不确定跳转地址，则 href 属性值写为 #，表示空链接，页面不会跳转，在当前页面刷新一次。

<a href="https://www.baidu.com/">跳转到百度</a>
​
<!-- 跳转到本地文件：相对路径查找 --> 
<!-- target="_blank" 新窗口跳转页面 --> 
<a href="./01-标签的写法.html" target="_blank">跳转到01-标签的写法</a>
​
<!-- 开发初期，不知道超链接的跳转地址，href属性值写#，表示空链接，不会跳转 -->
<a href="#">空链接</a>

音频

<audio src="音频的 URL"></audio>

常用属性

拓展：书写 HTML5 属性时，如果属性名和属性值相同，可以简写为一个单词。

<!-- 在 HTML5 里面，如果属性名和属性值完全一样，可以简写为一个单词 -->
<audio src="./media/music.mp3" controls loop autoplay></audio>

视频

<video src="视频的 URL"></video>

<!-- 在浏览器中，想要自动播放，必须有 muted 属性 -->
<video src="./media/vue.mp4" controls loop muted autoplay></video>