【HTML基础】HTML的基本结构
HTML结构
结构
1.基本结构
以下代码是HTML的基本结构:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>一个标题</title>
</head>
<body>
</body>
</html>
看起来有些复杂,我们可以去掉一些部分,看起来更简单:
<html>
<head>
<title>一个标题</title>
</head>
<body>
</body>
</html>
简化后,基本结构就变得十分明显。 HTML文档的开始代码,出现在第一句:
<html>
HTML文档的结束代码,出现在末尾:
</html>
其他所有HTML代码都位于这两个标记之间,这两个标记的作用就是告知浏览器这是一个Web文档,该按HTML语言规则来解释文档中的标记内容;
头部开始和结束标记:
<head>...</head>
在头部标记中,说明文件标题的标记: (如果标题内容为空,标题显示的是文件本身的名字)
<title>...</title>
浏览器显示页面内容的主体:
<body>...</body>
2.头部内容
<head>...</head>
head标记是HTML文档的头部标记,头部信息不会在浏览器窗口的正文中显示; …
<title>...</title>
可以插入在头部标记中,指定HTML文档的网页标题的标记。
…
<meta>
meta标记可用来描述不包含在标准HTML里的文档信息,例如显示字符集、开发工具、作者、网页关键字、网页描述、页面定时刷新及跳转等。 这些文档信息不会在浏览器页面显示,但用户可以通过检索这些信息来找到该网页。
<head>
<meta charset="UTF-8">
<meta name="Generator" content="">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>一个标题</title>
</head>
3.主体内容
<body>...</body>
body标记中填写的是页面中的所有内容,可有文字、图片、表格、表单、音频、视频、超链接等元素;
body标记有许多属性,用来控制文档的颜色,背景等。
body标记的属性介绍: ①bgcolor: 用来设置页面的背景颜色,可直接使用颜色的英文名称或对应十六进制数来表示需设置的颜色。
②background: 用来设置背景图像。
③alink: 用来规定文档中活动链接的颜色(鼠标指向链接时,链接所显示的颜色)。
④link: 用来规定文档中,所有链接的颜色。
⑤text: 用来规定文档中所有文本的颜色。
⑥vlink: 用来规定文档中所有被访问过的链接的颜色。
设置属性的语法格式: 直接在主体的开始标记内部说明
<body bgcolor="" background="" alink="" link="" text="" vlink="">
</body>
属性与标记名之间需要一个空格来间隔。
属性的数据可以用 “ ” 符号括起来,也可以不括起来,直接写。
4.页面的开头
在文章开头,给出的HTML网页结构中,包含以下内容:
<!DOCTYPE html>
<html>
</html>
上面是HTML5简化后的声明代码 DOCTYPE标记常常被用来声明要使用什么风格的HTML或XHTML; 此标记使浏览器知道应当如何处理文档,让验证器知道应当按照什么样的标准来检查代码的语法,然后用html标记,表示实际代码的开始位置。
相关文章
- HTML基础第二课(冲浪笔记2)
- GIT详细基础笔记(1)
- 怎么修改HTML网页的名字_如何修改html文件内容
- 软件测试|selenium+python基础方法封装(二)
- Scratch3.0——助力新进程序员理解程序(一、基础使用与运动)
- pytest学习和使用16-HTML报告如何生成?(pytest-html)
- 【Kotlin】Kotlin 语言基础 ( 环境安装 | 变量 | 简单使用 | 函数 | 异常 | 递归 )
- HTML基础第六课(冲浪笔记6)
- PostgreSQL数据库基础 之 对数组的遍历操作详解
- 简单构建HTML页面,连接MySQL数据库(html连接mysql)
- MySQL与HTML的无缝连接(html与mysql连接)
- 文件Linux查看HTML文件的简单方法(linux查看html)
- linuxopenssl基础介绍
- C++基础之this指针与另一种“多态”
- Cocos2d-x3.x入门教程(一):基础概念
- 《JavaScriptDOM编程艺术》读书笔记之DOM基础