前端与 HTML | 青训营笔记

268 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 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的相关内容
  • 帮助我回忆起了一些遗忘的知识点
  • 学习到了一些新的知识点
  • 还需要不断的去学习和补充