DAY2-前端与HTML笔记 | 青训营

59 阅读3分钟

补发青训营的第二课——前端与HTML,下面是我在学习前端与HTML时的一些学习笔记。

  1. HTML基础结构: HTML页面由 <html> 标签包裹,其中包含了 <head><body> 两个主要部分。<head> 标签内通常放置用于指定页面的元信息、样式表和脚本等内容,而 <body> 标签内则是页面的实际内容。

  2. 标签与元素: HTML使用标签来定义元素,标签通常由尖括号包围。例如,<h1> 表示一个级别为1的标题。标签可以包含属性,属性提供了关于元素的附加信息,如 <img src="image.jpg"> 中的 src 属性指定了图片的源文件。

  3. 常见的HTML标签:

    • <h1> 到 <h6> :分别表示从最高级标题到最低级标题。
    • <p> :表示段落。
    • <a> :表示超链接。
    • <img> :表示图片。
    • <div> 和 <span> :用于组织和样式化页面内容。
    • <ul> 和 <li> :分别表示无序列表和列表项。
  4. HTML属性: HTML标签可以包含属性,属性提供了元素的额外信息。常见的属性包括:

    • class :定义元素的类名,用于CSS样式选择器。
    • id :定义元素的唯一标识。
    • src :指定外部资源的路径,如图片或脚本文件。
    • href :指定链接的目标地址。
  5. 标签嵌套: HTML标签可以相互嵌套,形成层级关系。例如,可以在 <ul> 中嵌套多个 <li> 来创建列表。正确的标签嵌套能够确保页面结构清晰,并且有助于样式和脚本的操作。

  6. HTML5新增特性:在学习HTML时,要了解HTML的版本和规范。目前,HTML5是最新的HTML版本,它引入了一些新的标签和特性,使得网页开发更加灵活和语义化学习HTML5可以使网页更加现代化和丰富多样。 HTML5。一些常用的HTML5标签包括:

    • <header> 和 <footer> :定义页面的页眉和页脚。
    • <nav> :定义导航链接的部分。
    • <section> :表示文档中的一个独立部分。
    • <article> :表示独立、完整、可独自分配的内容块。
    • <canvas> :用于绘制图形、动画等。
  7. 表单与用户输入: HTML提供了丰富的表单元素,用于收集用户的输入。常见的表单元素包括 <input><textarea><select> 等。可以使用表单元素的属性来验证用户输入,如 required 属性可以要求用户必须填写某个表单字段。

  8. HTML与CSS: HTML主要负责页面结构和内容,而CSS(层叠样式表)则用于样式化页面。通过为HTML元素添加CSS类名或ID,可以对其进行样式定义,如修改字体、颜色、布局等。

以上是我在《前端与HTML》的一些基础笔记。HTML是前端开发的基石,深入理解HTML的标签和语法对于构建优秀的网页至关重要。同时,掌握HTML5的新增特性能够提供更好的用户体验和更好的语义化。不断学习和实践才能成为一名出色的前端开发者。