html开发基础知识点.docVIP

html开发基础知识点

一、HTML简介

HTML（超文本标记语言-HyperTextMarkupLanguage）是构建网页的基础。它使用各种标签来描述网页的结构和内容。HTML文件是纯文本文件，浏览器可以读取并将其渲染成可视化的网页。

二、HTML基本结构

1.文档类型声明

-在HTML文件的开头，通常会有`!DOCTYPEhtml`。这是HTML5的文档类型声明，它告诉浏览器这个文档是按照HTML5的标准编写的。

2.HTML标签

-`html`标签是HTML文档的根标签，所有其他的HTML标签都必须包含在这个标签内部。

-在`html`标签内部，有`head`和`body`两个主要的部分。

-`head`包含了关于文档的元数据，例如`title`标签用于设置网页的标题，这个标题会显示在浏览器的标题栏中。还可以包含`meta`标签，用于设置字符编码（如`metacharset=UTF-8`）等信息。

-`body`包含了网页中实际显示的内容，如文本、图像、链接等。

三、HTML常用标签

1.文本标签

-`p`标签用于定义段落。例如：`p这是一个段落。/p`。

-`h1`-`h6`标签用于定义标题，`h1`是最大的标题，`h6`是最小的标题。如：`h1主标题/h1`。

-`strong`和`b`标签都可以使文本加粗。`strong`表示强调的加粗，`b`是单纯的视觉加粗效果。

-`em`和`i`标签用于使文本倾斜，`em`表示强调的倾斜，`i`是单纯的视觉倾斜效果。

2.链接标签

-`a`标签用于创建超链接。例如：`ahref=点击这里/a`，其中`href`属性指定了链接的目标地址。

3.图像标签

-`img`标签用于在网页中插入图像。它有`src`属性来指定图像的源文件地址，例如：`imgsrc=image.jpgalt=这是一张图片`，`alt`属性用于在图像无法显示时提供替代文本。

4.列表标签

-无序列表使用`ul`标签，其内部的列表项使用`li`标签。例如：

-`ul`

-`li项目1/li`

-`li项目2/li`

-`/ul`

-有序列表使用`ol`标签，同样内部的列表项使用`li`标签。

四、HTML表格标签

1.基本表格结构

-`table`标签定义表格。

-在表格内部，`tr`标签定义行，`td`标签定义单元格。例如：

-`table`

-`tr`

-`td单元格1/td`

-`td单元格2/td`

-`/tr`

-`/table`

2.表头单元格

-可以使用`th`标签来定义表头单元格，表头单元格通常会有特殊的样式（如加粗、居中显示等）。

五、HTML表单标签

1.基本表单结构

-`form`标签定义表单。它可以包含各种表单元素，如`input`、`textarea`、`select`等。

-`input`标签是最常用的表单元素，根据其`type`属性的不同，可以是文本框（`type=text`）、密码框（`type=password`）、单选按钮（`type=radio`）、复选框（`type=checkbox`）、提交按钮（`type=submit`）等。

-`textarea`标签用于创建多行文本输入区域。

-`select`标签用于创建下拉列表，其内部的选项使用`option`标签定义。

六、HTML属性

1.全局属性

-许多HTML标签都可以使用一些全局属性，如`id`和`class`。`id`属性用于在文档中唯一标识一个元素，`class`属性用于为元素定义类名，多个元素可以共享同一个类名，方便通过CSS和JavaScript对元素进行操作。

2.标签特定属性

-如`img`标签的`src`和`alt`属性，`a`标签的`href`属性等，这些属性是特定标签所特有的，用于定义标签的功能和特性。

七、HTML注释

HTML注释以`!--`开始，以`--`结束。例如：`!--这是一个HTML注释--`。注释可以用于在HTML代码中添加解释性的文字，这些文字不会在浏览器中显示出来。