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的组成部分及技巧中。