这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 一、本堂课重点内容:
- 本堂课介绍了前端技术栈
- 讲解了HTML的结构
- 讲解了HTML的语法,常见的一些标签和有关语义化的知识
二、详细知识点介绍:
- 列表key-value形式
<dl>
<dt>name:</dt>
<dd>zhangsan</dd>
</dl>
- 一些媒体标签,controls显示浏览器默认的播放控件
<audio src="" controls>
<video src="" controls>
- 关于input的一些标签
<input type="range">用户可以进行选择范围
<input type="number" min="1" max="10">可以限制用户输入的数字,并且限制输入的数字范围
<input type="data" min="2018-02-23">这里的min也是和上述同样的
<textarea></textarea>
- 关于表单的选择
<label><input type="checkbox" />hello</label>多选
<input type="radio" name="dan">xx</input>单选,这里主要是name属性控制单选
<select>
<option>one</option>
<option>two</option>
<option>three</option>
</select>下拉进行选择
<input list="countries" />
<datalist id="countries">
<option>one</option>
<option>two</option>
<option>three</option>
</datalist>提示快捷输入
- 关于引用标签
<blockquote cite="来源网址">
<p>
hello...
</p>
</blockquote>可以表示引用来自于
<cite>这里进行短引用</cite>
<pre><code>
引入代码
</code></pre>
<strong>强调</strong>
<em>加强</em>
- lang属性表示内容所使用的语言
三、课后个人总结:
- 本章很好的帮助我梳理了HTML的相关内容
- 帮助我回忆起了一些遗忘的知识点
- 学习到了一些新的知识点
- 还需要不断的去学习和补充