前端与HTML | 青训营笔记这是我参与【第五届青训营】伴学笔记创作活动的第1天学习内容：HTML的基本格式、元素作

因为我之前学会HTML所以我记录的是我不会的，而不是完整课程内容。

<audio
    src="地址"
    controls>
</audio>

<video
    src="地址"
    controls>
</video>

(1)选定一个Type

<label><input type="radio" name="sport"/></labe>

(2)下拉列表

<p>
  <select>
    <option>1</option>
    <option>2</option>
  </select>
</p>

(3)有序列表ol,无序列表ul

(1)整块文本< blockquote>

(2)引用专有名词< cite>

<p>我最喜欢的一本书是<cite>面纱</cite>.</p>

(3)强调

我们讲过<q>字符串是不可变量</q>

<p>Cats <em>are</em> cute animals.<p>

(4)引入代码段

<pre><code>
const add = (a,b)=>a+b;
</code></pre>

HTML 标签不区分大小写。也就是说，输入标签时既可以使用大写字母也可以使用小写字母。

块级元素在页面中以块的形式展现 —— 相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以 block 形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。
内联元素通常出现在块级元素中并环绕文档内容的一小部分，而不是一整个段落或者一组内容。内联元素不会导致文本换行：它通常出现在一堆文字之间，例如超链接元素 < a> 或者强调元素： 和 。

是一个内联元素，所以就像你在下方可以看到的，第一行代码中的三个元素都没有间隙的展示在了同一行。而

是一个块级元素，所以第二行代码中的每个元素分别都另起了新的一行展现，并且每个段落间都有一些间隔（这是因为默认的浏览器有着默认的展示 元素的 CSS 样式）。

第一第二第三

第四

第五