html基础知识点总结.docVIP

html基础知识点总结

一、HTML简介

HTML（超文本标记语言-HyperTextMarkupLanguage）是构建网页的基础。它使用标记标签来描述网页的结构和内容。一个HTML文件由各种标签组成，这些标签被浏览器解析后呈现出网页的视觉效果。例如，html标签是HTML文档的根标签，所有其他标签都包含在这个根标签内部。

二、HTML基本结构

1.文档类型声明（DOCTYPE）

-位于HTML文件的最开始部分，用于告知浏览器文档的类型。例如，!DOCTYPEhtml是HTML5的文档类型声明，它有助于浏览器正确渲染页面。

2.html标签

-整个HTML文档的根标签，里面包含head和body两个主要部分。

3.head标签

-包含关于HTML文档的元数据，如文档标题、样式表引用、脚本引用等。其中，title标签用于设置网页的标题，显示在浏览器的标题栏。

4.body标签

-包含网页的可见内容，如文本、图像、链接、表格等。

三、HTML标签

1.文本标签

-p标签：用于定义段落，浏览器会在段落之间自动添加空白行。例如：p这是一个段落。/p

-h1-h6标签：分别表示不同级别的标题，h1是最高级别标题，h6是最低级别标题。例如：h1主标题/h1

-span标签：用于对文本的部分内容进行样式设置或者脚本操作，它是内联元素。例如：spanstyle=color:red;红色文字/span

2.链接标签

-a标签：用于创建超链接。它的href属性指定链接的目标地址，可以是网址、文件路径或者页面内的锚点。例如：ahref=点击这里/a。

3.图像标签

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

4.列表标签

-ul和li标签：ul表示无序列表，li是无序列表中的项目。例如：

ul

li项目1/li

li项目2/li

/ul

-ol和li标签：ol表示有序列表，li是有序列表中的项目。例如：

ol

li第一项/li

li第二项/li

/ol

四、HTML表格

1.table标签

-用于创建表格。它包含tr（表格行）、td（表格单元格）和th（表头单元格）标签。例如：

table

tr

th表头1/th

th表头2/th

/tr

tr

td数据1/td

td数据2/td

/tr

/table

五、HTML表单

1.form标签

-用于创建表单，它可以包含各种表单元素，如文本框、密码框、单选按钮、复选框等。它有action属性指定表单提交的目标地址，method属性指定提交的方法（如GET或POST）。例如：

formaction=submit.phpmethod=post

inputtype=textname=usernameplaceholder=用户名

inputtype=passwordname=passwordplaceholder=密码

inputtype=submitvalue=提交

/form

2.input标签

-根据type属性的不同可以创建不同类型的表单元素。例如，type=text创建文本框，type=password创建密码框，type=radio创建单选按钮，type=checkbox创建复选框等。

六、HTML属性

1.全局属性

-很多HTML标签都可以使用的属性，如id属性用于唯一标识一个元素，class属性用于为元素定义类名，以便进行CSS样式设置或JavaScript操作。例如：divid=myDivclass=myClass内容/div

2.标签特定属性

-如img标签的src和alt属性，a标签的href属性等，这些属性是特定标签特有的，用于定义标签的功能或内容相关的特性。

七、HTML注释

1.注释语法为!--注释内容--。注释可以用于在HTML代码中添加说明性文字，浏览器不会显示注释内容。例如：!--这是一个段落的开始--p这是一个段落。/p