【前端与HTML|青训营笔记】

38 阅读1分钟

这是我参与「第五届青训营 」笔记创作活动的第1天。以下是我在观看学习视频的同时进行的笔记记录,这么认真的我真是泪目了呜呜呜,希望大佬们进行补充和改正,大家一起努力呀。

本节课的重点内容

  1. 前端工作的定义
  2. 前端技术栈拆解与分析
  3. HTML作用解析
  4. HTML语义化

本节课知识点介绍

列表标签

  1. <ol><li></li></ol>有序列表:默认在文字前加1.2.3.
  2. <ul><li></li></ul>无序列表:在文字前加·
  3. <dl><dt>该列表的标题<dd>该列表的值</dd></dt></dl>定义列表:一个<dt>可以对应多个<dd>,多个<dd>也可以对应多个<dt>

链接标签

  • <a href=' '>引用网络连接

<input>标签

  1. <input placeholder="请输入用户名">
  2. <input type="range">可拉动的条
  3. <input type="number" min="1" max="10">可以选择1-10以内的数字
  4. <input type="date" min="2018-02-10">日历表

其他标签

  1. <textarea>文字框标签
  2. <code>const</code>声明创建一个只读的常量。
  3. <strong>表示强调的标签
  4. <em>语气中的强调标签

实践练习例子

image.png

image.png

个人总结

通过学习本节课,我对前端的知识方面的理解更加深刻了,更清楚了前端的工作定义,增长了知识面,了解到前端在一个项目中的作用和地位。在这节课我学到了在HTML中一些常见标签,并进行实践练习和运行,做出有关的内容页面。其次我理解了HTML的语义化是什么,明白了HTML作用主要是传达内容,不是样式。学习了这节课后我认为收获很大,希望自己可以继续坚持,加油,一起努力!