您的位置:58脚本 > html文档的基本结构 HTML 文档

html文档的基本结构 HTML 文档

2023-03-12 22:32 HTML教程

html文档的基本结构 HTML 文档

html文档的基本结构

HTML文档是一种用于创建网页的标记语言,它的基本结构包括文档声明、元数据、样式表、脚本以及正文内容。

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Page Title</title> 
        <meta charset="utf-8" /> 
        <link rel="stylesheet" href="style.css" /> 
        <script src="script.js"></script> 
    </head> 

    <body> 
        ... page content ... 
    </body> 
    
    <html>  

文档声明是 HTML 文件的第一行,它用于告诉浏览器使用何种 HTML 版本来解释文件。元数据是 HTML 文件中的关键信息,它可以包含作者、关键字、说明等信息。样式表是一个 CSS 文件,它可以用来定义 HTML 元素的外观和布局。脚本是一个 JavaScript 文件,它可以用来扩展 HTML 页面的功能。正文内容是 HTML 页面中显示的内容,例如文字、图片、表单等。

HTML 文档

<!DOCTYPE> 声明

Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。

HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。

doctype 元素是唯一的,并且在它自己的类别中。

实例

带有 HTML5 DOCTYPE 的 HTML 文档:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

HTML 版本

从 Web 诞生早期至今,已经发展出多个 HTML 版本:

版本 年份
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013


常用的声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html 元素

html 元素或根元素表示 HTML 的开始。

html 元素有一个 head 元素和一个 body 元素。

以下代码显示了正在使用的 html 元素。

<!DOCTYPE HTML>
<html>
...content and  elements omitted...
</html>

head 元素

head 元素包含文档的元数据。

在HTML中,元数据具有关于文档中的内容和标记的信息。它还包括脚本和对外部资源的引用,例如 CSS 样式表。

head 中的 title 元素必选的元素; 其他元数据元素是可选的。

以下代码显示了正在使用的 head 元素。

每个 HTML 文档都应该包含一个head元素,它必须包含一个title元素,如代码所示。

<!DOCTYPE HTML>
<html>
    <head>
       <title>Hello</title>
    </head>
</html>

元数据元素

元数据元素本身不是内容,但它们提供有关后续内容的信息。

元数据元素被添加到头元素。

body 元素

body 元素封装了 HTML 文档的内容,而 head 元素封装元数据和文档信息。

body 元素总是位于 head 元素之后它是 html 元素的第二个孩子。

HTML4中的body元素的属性:alink, background, bgcolor, link, margintop, marginbottom, marginleft, marginright, marginwidth, text, and vlink,都已过时。

这些属性的效果可以用CSS实现。

下面的代码显示了正在使用的 body 元素。

<!DOCTYPE HTML>
<html>
    <head>
       <title>Example</title>
    </head>
<body>
    <p>This is a test</p>
    <a href="http://www..cn">Visit  www..cn</a>
</body>
</html>

一个 p 元素和一个 a 元素添加到 body 元素。


阅读全文
以上是58脚本为你收集整理的html文档的基本结构 HTML 文档全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58脚本 58jiaoben.com 版权所有 联系我们
桂ICP备12005667号-28 Powered by CMS