【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页面结构大概是下面这个样子的:
2.1 <html> </html>
<html> 元素是 HTML 页面的根元素,<html> 和</html>之间包含了整个 HTML 文档。
2.2 <head> </head>
<head> 元素包含了所有的头部标签元素。可以添加在头部区域的元素标签有 <title>、<style>、<meta>、<link>、<script>、<noscript>和<base>。他们的功能如下:
在这里引入一个小tip:
HTML 元素一般成对出现,但是也有例外,比如空元素。空元素没有内容,是在开始标签中关闭的,比如刚才看到的<meta>、<base>,还有常用的定义换行的<br>、创建水平线的<hr> 等。虽然 像<br>这种用法在所有浏览器中都是有效的,但是正确的做法是在开始标签中添加斜杠,比如 <br />,这才是更长远的保障。
2.3 <body> </body>
<body> 元素包含了可见的页面内容,也就是只有<body>区域才会在浏览器中展示出来。
下面是<body>区域常用的一些组成部分,在这里就简单列一下,之后再使用过程中再慢慢增加更详细的内容:
3 HTML 中的标签、元素、属性
这篇的最后,我们再强调一下HTML 中的标签、元素、属性的关系。
1. HTML标签是由一对尖括号<>及标签名组成的。
2. HTML元素是组成HTML文档最基本的部件,它是用标签来表现的。一般来说,“起始标签”表示元素的开始,“结束标签”表示元素的结束。
3. HTML 元素可以设置属性,元素属性提供了对HTML元素的描述和控制信息。属性一般描述于开始标签,且总是以名称/值对的形式出现,比如:name="value",属性和属性值尽量小写。注意的是:
- class 属性可以多用 class=" " (引号里面可以填入多个class属性)
- id 属性只能单独设置 id=" "(只能填写一个,多个无效)
先这样吧,后续还会接着总结的。