HTML之文档结构

Posted mingleyuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML之文档结构相关的知识,希望对你有一定的参考价值。

文档的基本结构

<!DOCTYPE html>
<html>
<head>
    <title>HTML的例子</title>
</head>
<body>
<h1>欢迎光临我的主页</h1>
</body>
</html>

<!DOCTYPE html> 是该文档的申明,仅仅适用于HTML5的版本,它告诉浏览器如何处理文档,并且让验证器知道按照什么样的标准检查代码的语言,然后用HTML标记标出实际代码的起始位置。其他的任何内容需要包含到 <html> </html> 标签里面。

 <head> </head> 是HTML文档的头部标签,在浏览器窗口中,头部信息是不会被显示在正文中的,在该标记中可以插入其他用于说明文件的标题和一些公共属性的标记。其中的 <title> </title> 指定网页标题,如下图:

 

技术图片

 

主体内容

<body> </body> 中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等元素。

它有如下的几个属性:

(1) bgcolor 用来设置页面的背景颜色,可以使用颜色的英文名称或者十六位进制。 <body bgcolor="red">  <body bgcolor="#00FF00"> 

(2) background 用于设置背景图片。

 <body background="http://www.runoob.com/wp-content/uploads/2013/07/browsers_say.png"> 

 技术图片

 

(3) alink 规定文档中活动链接的颜色,即鼠标指向链接时链接文字所显示的颜色。

(4) link 规定文档中所有链接的颜色。

(5) text 规定文档中所有文本的颜色。 <body text = "red"> hahahhah </body> 

 

技术图片

 

(6) vlink 规定文档中所有被访问过的链接的颜色。

HTML基本语法

标记语法

单标记:

 <标记名称> ,其中最常用的就是 <br> 

双标记:

 <标记名称> 内容 </标记名称> ,就像 <b> 内容 </b> 

属性语法:

我们可以为某些元素附加一些信息,这些附加信息就被称为属性。

 <标记名称 属性1 = "属性值" 属性2 = "属性值"> 

注释:

 <!--注释内容--> 

注意事项:

(1)任何标签都必须使用 <> ,另外双标签需要 </> 来结束整个标签,单标签就不需要了。

(2)标签可以嵌套着使用,但是不能交叉使用。

(3)在源代码中不区分大小写。

(4)回车符和空格在代码编译的过程中不起任何作用。

(5)标签中的属性需要用 " " 括起来。

(6)文件的后缀名需要设置成 .html 或者 .htm ,而一般网站的首页文件名是 index.html 或者 default.html 。

 

以上是关于HTML之文档结构的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段5——HTML元素结构

jQuery文档就绪

HTML之文档结构

DOM探索之基础详解——学习笔记

Android之DOM解析XML

Android之DOM解析XML