前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

Html结构(html结构图)

HTML(HyperText Markup Language)的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

Html结构

一个完整的HTML结构包括两个部分:文档声明和html元素。

1、文档声明

html最上方的一段文本称为文档类型声明,告诉浏览器当前页面是什么类型页面。

必须放在文档的最前面,不能省略,否则会出现兼容性问题。

Html5的文档声明

<!DOCTYPE html>

2. Html元素

HTML本质是由一系列元素构成,一个元素可以包含一个数据项、文本、图片,或者是什么也不包含。

html元素的主要部分有:

  • 开始标签(opening tag)

用左右尖括号包围元素名称,表示元素从这里开始或者开始起作用。

在开始标签中可设置元素属性(attribute),属性包含元素的额外信息,这些信息不会出现在实际的内容中。

属性与元素名称用空格相隔,格式为:

属性名称=“属性值”,例如

href="http://www.baidu.com"
  • 结束标签(closing 筐)

用左右尖括号包围斜杠和元素名称,表示元素的结尾。部分标签没有结束标签。

  • 内容(content)

元素内容。除了可以是文本之外,还可以是其他元素,这是就形成了元素嵌套。

<div>
      <ul>
        <li>列表1</li>
        <li>列表2</li>
      </ul>
</div>

结果:

  • 列表1
  • 列表2

开始标签、结束标签与内容相结合,便是一个完整的元素,例如

<a href="http://www.baidu.com">百度</a>

显示结果:

百度

3、html结构

基本结构如下:

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>
      我是标题
    </title>
  </head>
  <body>
    我是内容
  </body>
</html>
  • html元素表示一个html文档的根,所有其他元素必须是此元素的后代。W3C标准建议为html元素增加一个lang属性,用来帮助语音合成工具确定要使用的发音,帮助翻译工具确定要使用的翻译规则。常用的规则有:
lang="en" 表示这个html文档的语言是英文
lang="zh-CN"  表示这个html文档的语言是中文
  • head元素规定文档相关的配置信息(元数据),包括文档的标题、引用的文档样式和脚本等。一般会至少包含如下两个设置:
    • 网页的标题:title元素
    • 用来设置网页的标题
    • 网页的编码:meta元素
    • 用来设置网页的字符编码,一般都使用utf-8编码
  • body元素内容就是网页的具体内容和结构
  • 大部分html元素都是在body中编写的

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言