前端基础第一天

HTML定义

HTML是超文本标记语言。

超文本——链接

标记——标签

HTML基本骨架

html:整个网页

head：网页头部

body：网页主体

快速生成骨架：英文！+ enter / tab 键

标签的关系

• 父子关系（嵌套关系）
• 兄弟关系（并列关系）

标题标签显示特点

• 文字加粗
• 字号逐渐减小(h1~h6)
• 独占一行
• 一共6级

h1只能使用一次，用来放新闻标签或网页logo，h2~h6没有限制

段落标签显示特点（<p></p>）

• 独占一行
• 段落之间存在间隙

换行与水平线标签(单标签)

• 换行<br>
• 水平线<hr>

文本格式化标签

• 加粗——strong(b)
• 倾斜——em(i)
• 下划线——ins(u)
• 删除——del(s)

图像标签及属性

<img src=" ">

src用于指定图片来源（以./开头，vscode有提示功能）

属性：

• alt——替换文本——图片无法显示的时候显示的文字
• title——提示文本——鼠标悬停在图片上面的时候显示的文本
• width——图片宽度——值为数字，没有单位
• height——图片的高度——值为数字，没有单位

超链接

作用:点击跳转到其他页面

<a href=" "><a>

href:跳转地址,是超链接的必须属性。

超链接默认是在当前页面跳转页面，添加target="_blank"实现新窗口打开页面。不确定跳转地址，先设置href属性值为“#”,表示空连接。

音频标签及属性

<audio src=" " ></audio>

属性：

• src——音频URL——支持格式：MP3、ogg、wav
• controls——显示音频控制面板
• loop——循环播放
• autoplay——自动播放

视频标签及属性

<video src=" " ></video>

属性：

• src——音频URL——支持格式：MP3、ogg、wav
• controls——显示音频控制面板
• loop——循环播放
• autoplay——自动播放
• muted——静音播放