HTML文档基本格式

1,html是什么?

html是一种超文本标记语言,也是目前网络上应用最为广泛的语言.它主要通过html标记对网页中的文本图片声音等内容进行描述,是构成网页文档的基础.


2,html文档的基本格式

学习任何一门语言,都要首先掌握它的基本格式,HTML标记语言也不例外。要想制作丰富多彩的HTML网页,首先需要掌握HTML文档的基本格式。

本案例通过编写一个简单的HTML网页,使初学者更好地理解HTML文档的基本格式。

我们在我们的编辑器中右键新建一个html文件

微信图片_20180314100113.png

命名为demo1.html

我们在编辑器(这里用的是PhpStorm)可以看到这样的页面:

微信图片_20180314100245.png

<!DOCTYPE>标记:

<!DOCTYPE>  标记位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,如【demo1】中使用的是 标准的html格式文档。

 在开头处使用<!DOCTYPE>标记为所有的 HTML 文档指定 HTML 版本和类型,只有这样浏览器才能将该网页作为指定的文档类型进行解析。

<html></html>标记:

<html>标记位于<!DOCTYPE> 标记之后,也称为根标记,用于告知浏览器其自身是一个 HTML 文档,<html>标记标志着 HTML 文档的开始,</html>标记标志着 HTML 文档的结束,在它们之间的是文档的头部和主体内容。

<head></head>标记:

<head>标记用于定义 HTML 文档的头部信息,也称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,例如<title>、<meta>、<link>及<style>等,用来描述文档的标题、作者以及和其他文档的关系等。

一个 HTML 文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

<meta></meta>标记:

META标签是HTML标记HEAD区的一个关键标签,它位于HTML文档的<head>和<title>之间(有些也不是在<head>和<title>之间)。它提供的信息虽然用户不可见,但却是文档的最基本的元信息。<meta>除了提供文档字符集(例如本例的utf-8编码格式)、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。

<title></title>标记:

能在栏目上显示你需要的文字,例如<title>PHP中文网</title>

微信图片_20180314101534.png

<body></body>标记:

<body>标记用于定义 HTML 文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。

一个 HTML 文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系。


继续学习
||
<?php echo "HTML的基本格式";
提交重置代码