学习前端第一天HTML5标签

1.web标准

web有三大标准：结构（HTML）、表现（CSS）、行为（js）

2.html的属性 属性名="属性值"

注意：

1. 标签的属性写在开始标签内部

2. 标签上可以同时存在多个属性

3. 属性之间以空格隔开

4. 标签名与属性之间必须以空格隔开

5. 属性之间没有顺序之分

3.html标签的关系

​ 嵌套关系和并列关系

4.排版标签

​ （1）标题标签 有六个标题标签，分别是h1~h6

<h1>标题名称</h1>
<h6>标题名称</h6>

​ （2）段落标签

<p>段落内容</p>

​ （3）换行标签

<br>

​ （4）水平线标签

<hr>

5.文本格式化标签 不重要，此处不再写

6.媒体标签

​ （1）图片标签

<img src="./images/women.jpg" alt="性别女的图片" title="图片的标题，只有鼠标悬停时才会出现" width="宽" height="高"/>

​ （2）路径

​ 同级目录：./

​ 下级目录：./

​ 上级目录：../

​ （3）音频标签

<!--  controls:显示播放器的控件 autoplay:自动播放 loop:循环播放-->
    <audio src="./music.mp3" controls loop autoplay></audio>

​ （4）视频标签

<!--  controls:显示播放器的控件 autoplay:自动播放 loop:循环播放-->
    <video src="./video.mp4" controls autoplay loop></video>

7.链接标签

<!-- 可以链接到自己写的网页，也可以链接到百度等网页
         _blank：点击文字之后跳转到新的网页
        _self：跳转到自己原有的页面，覆盖了原网页 -->
<a href="./01.html" target="_blank">超链接</a>
<a href="http://ntlias-stu.boxuegu.com/#/login" target="_blank">博学谷</a>