【HTML】基础整理1

最近也是刚开始接触HTML和CSS的内容,小小整理一下。

我们知道,HTML(Hyper Text Markup Language,超文本标记语言)是用来描述网页的一种语言,通过使用标记标签(markup tag)来描述网页。HTML 标签由尖括号包围,且通常成对出现。

1. <!DOCTYPE> 声明

首先,在HTML的开头,需要有一个声明 <!DOCTYPE html>, 声明该文档为 HTML5 文档,以便浏览器能正确显示网页内容。doctype 声明是不区分大小写的。

2. 元素

HTML 文档是由 HTML 元素定义的。HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

一个完整的HTML页面结构大概是下面这个样子的:

【HTML】基础整理1

2.1 <html> </html>

<html> 元素是 HTML 页面的根元素,<html> 和</html>之间包含了整个 HTML 文档。

2.2 <head> </head>

<head> 元素包含了所有的头部标签元素。可以添加在头部区域的元素标签有 <title>、<style>、<meta>、<link>、<script>、<noscript>和<base>。他们的功能如下:

【HTML】基础整理1

在这里引入一个小tip:

HTML 元素一般成对出现,但是也有例外,比如空元素。空元素没有内容,是在开始标签中关闭的,比如刚才看到的<meta>、<base>,还有常用的定义换行的<br>、创建水平线的<hr> 等。虽然 像<br>这种用法在所有浏览器中都是有效的,但是正确的做法是在开始标签中添加斜杠,比如 <br />,这才是更长远的保障。

2.3 <body> </body>

<body> 元素包含了可见的页面内容,也就是只有<body>区域才会在浏览器中展示出来。

下面是<body>区域常用的一些组成部分,在这里就简单列一下,之后再使用过程中再慢慢增加更详细的内容:

【HTML】基础整理1

3 HTML 中的标签、元素、属性

这篇的最后,我们再强调一下HTML 中的标签、元素、属性的关系。

1. HTML标签是由一对尖括号<>及标签名组成的。

【HTML】基础整理1

2. HTML元素是组成HTML文档最基本的部件,它是用标签来表现的。一般来说,“起始标签”表示元素的开始,“结束标签”表示元素的结束。

【HTML】基础整理1

3. HTML 元素可以设置属性,元素属性提供了对HTML元素的描述和控制信息。属性一般描述于开始标签,且总是以名称/值对的形式出现,比如:name="value",属性和属性值尽量小写。注意的是:

  • class 属性可以多用 class=" " (引号里面可以填入多个class属性)
  • id 属性只能单独设置 id=" "(只能填写一个,多个无效)

【HTML】基础整理1

先这样吧,后续还会接着总结的。