HTML与CSS基础教程：常用标签与样式

"这份资源是针对初学者设计的HTML和CSS入门教程，涵盖了HTML页面的基本标签和CSS样式的常见应用。" 在HTML中，标签是用来构建网页结构的关键元素，它们告诉浏览器如何展示内容。例如： - `<h1>`到`<h6>`标签用于创建不同级别的标题，`<h1>`是最主要的标题，而`<h6>`是最小的标题。这些标签有助于组织页面结构和SEO优化。 - `<p>`标签用于创建段落，它是文本内容的基本单位。 - `<a>`标签则用于创建超链接，`href`属性指定链接的目标地址。 - `<img>`标签插入图像，`src`属性指向图像文件的路径。 - `<video>`标签允许在网页中嵌入视频，`width`和`height`设置视频尺寸，`controls`属性添加播放控制条。 HTML中的`<div>`标签是一个非常重要的布局工具，它用于创建一个块级元素，可以包含其他HTML元素。通过CSS样式，我们可以改变`div`的颜色、大小等属性，如示例中的`<div style="color:#0000FF">`。 `<span>`标签则用于组合行内元素，比如在文本中应用特定样式，如颜色或字体变化。 在CSS方面，`class`和`id`属性是两个核心概念： - `class`属性用于定义元素的类名，可以让多个元素共享相同的样式。例如，`.intro`类将所有具有该类的元素的文字颜色设置为蓝色。 - `id`属性则是为元素提供唯一的标识，`#myHeader`选择器就用于选择并设置特定ID的元素样式。 列表在HTML中也有两种类型：`<ul>`表示无序列表，`<ol>`表示有序列表。`<li>`标签用于创建列表项。 HTML的`<form>`元素用于创建表单，`<input>`标签则用于创建各种类型的输入字段，如文本输入（`type="text"`）、密码输入（`type="password"`）、复选框（`type="checkbox"`）、单选按钮（`type="radio"`）和文件选择（`type="file"`）等。 这个文档还介绍了基本的表单元素，如文本框和密码框，以及`<input type="submit">`和`<input type="reset">`用于提交表单和清空输入的按钮。 这份资料为初学者提供了一个基础的HTML和CSS学习框架，包括了创建网页的基本元素和样式控制，是学习网页开发的良好起点。