HTML基础|青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第1天
一、什么是HTML
HTML（Hyper Text Markup Language)指的是超文本标记语言，不是一种编程语言，而是标记语言，标记语言是一套标记标签。
二、HTML标签
-
HTML标签是由**尖括号**包围的关键词。 -
HTML标签都是**成对出现**的。 -
第一个是开始标签，第二个是结束标签。例如<b> </b>。 -
标签和属性不区分大小写。 -
空标签可以不闭合，例如input、meta -
属性值推荐使用双引号包裹 -
某些属性值可以省略，例如required、readonly
三、DOM树
四、HTML标题
<h1>~<h6>,<h1>定义最大的标题，<h6>定义最小的标题。
五、HTML段落
<p>为块级元素，来定义段落
<br/>相当于换行操作。
例如：<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>
结果：To break
lines
in a
paragraph,
use the br tag.
六、HTML链接
类似于<a href="url">Link text</a>的形式。
七、HTML图像
图像由<img>标签定义，src为源属性。
例如：
<img src="url" />
url指存储图像的地址。
八、HTML列表
无序列表<ul>标签定义，有序列表<ol>标签定义。
定义列表：自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
九、HTML表单
-
<input>元素是最重要的表单元素，根据不同的type属性，可以变化为多种形态。 <select>元素定义下拉列表。 <option>元素定义待选择的选项。 <textarea>元素定义多行输入字段。 <button>元素定义可点击的按钮。
十、HTML音频与视频
<audio> 元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。
例如：<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
<source src="/i/song.ogg" type="audio/ogg">
<source src="/i/song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
结果：
<object> 标签的作用是在 HTML 页面中嵌入多媒体元素。
例如：
<object data="movie.swf" height="200" width="200"/>
<video> 标签的作用是在 HTML 页面中嵌入视频元素。
例如：
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>
总结： 通过第一节课的学习，对HTML有了初步的了解，知道HTML中的元素、属性及属性值都有某些含义，开发者应该遵循语义来编写HTML，我们应该了解每个标签和属性的含义，思考什么标签最适合描述这个内容，不使用可视化工具生成代码。
标题：HTML 基础 - 学习 Web 开发 | MDN
