补发青训营的第二课——前端与HTML,下面是我在学习前端与HTML时的一些学习笔记。
-
HTML基础结构: HTML页面由
<html>标签包裹,其中包含了<head>和<body>两个主要部分。<head>标签内通常放置用于指定页面的元信息、样式表和脚本等内容,而<body>标签内则是页面的实际内容。 -
标签与元素: HTML使用标签来定义元素,标签通常由尖括号包围。例如,
<h1>表示一个级别为1的标题。标签可以包含属性,属性提供了关于元素的附加信息,如<img src="image.jpg">中的src属性指定了图片的源文件。 -
常见的HTML标签:
<h1>到<h6>:分别表示从最高级标题到最低级标题。<p>:表示段落。<a>:表示超链接。<img>:表示图片。<div>和<span>:用于组织和样式化页面内容。<ul>和<li>:分别表示无序列表和列表项。
-
HTML属性: HTML标签可以包含属性,属性提供了元素的额外信息。常见的属性包括:
class:定义元素的类名,用于CSS样式选择器。id:定义元素的唯一标识。src:指定外部资源的路径,如图片或脚本文件。href:指定链接的目标地址。
-
标签嵌套: HTML标签可以相互嵌套,形成层级关系。例如,可以在
<ul>中嵌套多个<li>来创建列表。正确的标签嵌套能够确保页面结构清晰,并且有助于样式和脚本的操作。 -
HTML5新增特性:在学习HTML时,要了解HTML的版本和规范。目前,HTML5是最新的HTML版本,它引入了一些新的标签和特性,使得网页开发更加灵活和语义化学习HTML5可以使网页更加现代化和丰富多样。 HTML5。一些常用的HTML5标签包括:
<header>和<footer>:定义页面的页眉和页脚。<nav>:定义导航链接的部分。<section>:表示文档中的一个独立部分。<article>:表示独立、完整、可独自分配的内容块。<canvas>:用于绘制图形、动画等。
-
表单与用户输入: HTML提供了丰富的表单元素,用于收集用户的输入。常见的表单元素包括
<input>、<textarea>、<select>等。可以使用表单元素的属性来验证用户输入,如required属性可以要求用户必须填写某个表单字段。 -
HTML与CSS: HTML主要负责页面结构和内容,而CSS(层叠样式表)则用于样式化页面。通过为HTML元素添加CSS类名或ID,可以对其进行样式定义,如修改字体、颜色、布局等。
以上是我在《前端与HTML》的一些基础笔记。HTML是前端开发的基石,深入理解HTML的标签和语法对于构建优秀的网页至关重要。同时,掌握HTML5的新增特性能够提供更好的用户体验和更好的语义化。不断学习和实践才能成为一名出色的前端开发者。