学习前端第一天

收获

1. HTML是网页制作中常用的标记语言，掌握HTML的基本元素对于网页开发者来说非常重要。其中，常见的块级元素包括h1~h6（文本标题）、div、p（段落）、ul（无序列表）、ol（有序列表）、li、dl（定义列表）、dt、dd、header（头部）、nav（导航栏）、section（网页区域）、aside（侧边栏）、article（文章标签）和footer（网页底部）。这些标签被称为"语义化标签"，因为它们的作用是为网页内容提供语义信息，有利于搜索引擎对网页的理解，提高网页的SEO效果。
2. 除了块级元素，还有行内元素，比如a、span、img、input、strong、em和i等。与块级元素不同的是，行内元素可以与文本混排，不会独占一行，只占据自身所需的空间。
3. 我们可以通过改变display属性将块级元素转换为行内元素，或将行内元素转换为块级元素，比如将div转换成inline-block，使其具有inline元素的特点，却可以设置宽高等属性。另外，img标签常见的属性有src、alt、title、width和height，分别指代图片的路径、无法显示时的替换文本、鼠标悬浮在图片上时的提示文本以及图片的宽度和高度。
4. 在输入框方面，我们使用input标签，其中type属性用来指定文本框的类型，常见值有text、password、radio、checkbox和file等。另外，textarea标签用于多行文本输入，其属性cols和rows用来控制文本框的列数和行数。
5. 总之，掌握HTML中的基础元素是我们进行网页制作的必要条件。DOCTYPE标签作为HTML的第一行，指定了所使用的HTML版本和DTD类型，告诉浏览器用什么语言（html/xml）去解析浏览器，帮助浏览器正确的解析网页。

---

语义化标签图解

1. 

2. 图片来自千峰教育

---

面试会问

1. 常见的行级标签：a（超链接）、span（空标签）、strong（加粗）、u（下划线）、em（斜体）

2. 常见的块级标签：div、p（段落文本）、 h1~h6（标题）、ul（无序列表）、li、dl（自定义列表）、dt、dd

3. 这是头部header ，这是导航nav ，网页底部footer， 侧边栏aside ，网页区域section ，文章标签article

补充：