Day 1 -- 前端与 HTML | 青训营笔记

49 阅读1分钟

这是我参与「第五届青训营 」笔记创作活动的第1天

写在前面

这是我第一次参加这种充满了技术内容的活动,虽然我一个纯新手,但我会认真的参与这次活动,争取学到更多的知识。

本堂课重点内容

  1. 前端工作的定义与前端技术栈的分析
  2. HTML是什么
  3. 常见的HTML语法
  4. HTML语义化

常见的HTML标签

标题标签 h1 ~ h6

截屏2023-01-15 20.13.28.png

Note:
虽然我们可以通过修改字体的大小来使段落内容和标题的字看起来相似,但是我们仍需要使用正确的标题属性,HTML语义化可以让其他人更轻松的了解这部分是什么属性,方便搜索引擎提取关键词以及以后的维护,甚至是方便给盲人阅读屏幕内容的屏幕阅读器的工作。

列表标签

截屏2023-01-15 20.20.01.png

Note:
ol(ordered list): 有序列表
ul (unodered list) : 无序列表
dl(definition list):定义列表
dt(definition title)
dd(definition discription)

链接标签

截屏2023-01-15 20.30.04.png

Note:
a refers to anchor.

多媒体标签

截屏2023-01-15 20.33.13.png

输入标签

截屏2023-01-15 20.34.00.png

截屏2023-01-15 20.34.19.png

Note:
要合理的使用不同的输入

引用标签

截屏2023-01-15 20.38.27.png

Note:
长引用用blockquote,q标签会自动生成双引号,abbr用于缩写,如WHO , 代码如下
<abbr title="World Health Organization">WHO</abbr>

个人总结

HTML是前端的基础,在记住标签等知识点之后一定要多用起来,熟练使用很关键~