常用HTML代码大全「初学者必备」

HTML简介

HTML(Hypertext Markup Language)是一种用于创建网页并定义其结构的标记语言。HTML由一些HTML元素组成,在这些元素中包含了文本、图片、音频、视频等页面内容以及页面链接、表格等页面结构。

HTML基础结构

HTML文档文件拥有基础的结构,HTML中的结构标签包括<html>,<head>,<title><body>,结构见下图:

![HTML基础结构图](https://i.loli.net/2022/01/12/TR6kvl2aIr5LHyu.png)

- <html> 标签:HTML文档的根标签

- <head> 标签:用于在HTML文档中添加元数据(metadata),以及引入外部样式表、JS脚本、图标等等

- <title> 标签:定义网页的标题

- <body> 标签:包含所有的HTML文档的内容,包括文本、图像、链接、视听媒体等等。

代码如下:

<!DOCTYPE html>

<html>

<head>

<title>网页标题</title>

</head>

<body>

<!-- 页面内容 -->

</body>

</html>

元数据(metadata)包含了页面的描述、关键词、作者和其他元素,它们不会直接显示给用户,而是被用来帮助搜索引擎对网页进行分类整理。

HTML元素

HTML元素是由开始标签、结束标签和内容构成,元素用于描述网页的内容、结构和样式。下面是一个基本的HTML元素的代码结构:

<tagname attribute1="value1" attribute2="value2">content</tagname>

- tagname:标签名

- attribute:属性

- value:属性值

例如,下面的代码是一个使用了链接的例子:

<a href="http://www.example.com">This is a link</a>

这段代码中,<a> 是一个标签,href 是一个属性,"http://www.example.com" 是这个属性的值,"This is a link" 是链接中显示的文本内容。

HTML元素,还可以包含其他元素,这种包含关系可以用树图形表示。

![HTML元素的树形结构](https://i.loli.net/2022/01/12/Smej8nxbQdGpiXZ.png)

以上便是HTML的基础部分,有了HTML的基础,我们就可以进一步深入到HTML的组成部分及技巧中。

免责声明:本文来自互联网,本站所有信息(包括但不限于文字、视频、音频、数据及图表),不保证该信息的准确性、真实性、完整性、有效性、及时性、原创性等,版权归属于原作者,如无意侵犯媒体或个人知识产权,请来电或致函告之,本站将在第一时间处理。猿码集站发布此文目的在于促进信息交流,此文观点与本站立场无关,不承担任何责任。