[ 前端与 HTML | 青训营笔记]
这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
关于HTML：HyperText Markup Language
HyperText是指超文本如图片、视频、链接、表格等，Markup Language是指用成对的标签来写内容等，如表示一个一级标题（最大的一种）：
<h1>lll</h1>
有一些空标签可以不用闭合，如input，br（换行）等
关于顺序排列等：
首先学校已经学过的有序排列和无序排列，有序排列是指有1、2、3或者a、b、c等标号，用到的是<ol>和<li>标签，而无序排列是指用一些图案或者其他样式来排序，用到的是<ul>和<li>标签
在青训营学到了一个新的<dl>标签，一对dl标签里包含dt和dd标签，如：
<dl>
<dt>用来写项目名字的</dt>
<dd>用来解释上面那个项目的</dd>
<dt>电影：</dt>
<dd>里约大冒险</dd>
接下来是超链接，也就是<a herf....>的标签
然后学习了图片，视频和音频等，图片就是用<img scr="">来用，视频用<video scr=""></video>，后面可以加上controls表示用默认浏览器打开视频，最后是音频，用到的是<audio scr="" controls></audio>
关于输入
和在学校学到的一个表单里面的内容相关，比如常见的输入用户名，在这里有一个新的元素placeholder，用来就是在方框里出现相关提示<input palceholder="输入用户名"> 接下来想输入就是<input type=""> 还有一个是文本域<textarea>xxx</textarea>
接下来是单选和复选按钮
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="famle">女
这是单选按钮，要注意需要name一样，然后有radio的标志
<input type="checkbox" name="hb" value="s">运动
<input type="checkbox" name="hb" value="t">旅游
这是复选按钮，因为有了checkbox的标志，所以name也需要一样
<select name="月">
<option value="1">1</option>
<option value="2">2</option>
</select>
这是下拉按钮，用到的是select和option的标签
在编写时如果有代码可以用到<code></code>标签，在一大段字中如果想要突出强调，可以使用<strong></strong>还有<em></em>标签，但是一般来说strong用来表现这个事件很紧急，而em更多的是来展示语气上的重要
