21xrx.com
登录
  

HTML介绍

上一章 下一章

什么是HTML?

HTML是描述网页文档的标记语言(网页)

  • HTML的全写是Hyper Text Markup Language
  • 一门标记语言是由很多标记组成的.
  • HTML标记用来描述HTML文档
  • 每个HTML标签描述不同的文档内容

HTML例子

例子解释

  • DOCTYPE用来申明文档类型为HTML
  • <html>和</html>之间的内容用来描述HTML文档
  • <head>和</head>之间的内容描述文档的头部信息
  • <title>和</title>设置文档的标题
  • <body>和</body>之间的内容为文档的可见内容
  • <h1>和</h1>申明为一个标题
  • <p>和</p>申明为一个段落

用上面的这些,浏览器能显示一个文档的标题和段落

HTML标签

HTML标签是一些关键词(标签名)用尖括号括起来的:

  • HTML通常是成对出现的,例如<p>和</p>
  • 第一个标签叫开始标记,第二个标签叫结束标记
  • 结束标记写的和开始标记一样,只是结束标记多一个斜杠字符.
开始标记通常叫开始标签,结束标记通常叫结束标签

网络浏览器

浏览器(Chrome,IE,Firefox,Safari)的主要功能是解析HTML文档并展示出来.

浏览器不显示HTML标签,而是决定怎么显示文档.

HTML页面结构

下面是一张可视化的HTML结构图

<html>
<head>

<title>页面标题</title>

</head>
<body>

<h1>这是文章标题</h1>

<p>这是文章段落</p>

<p>这是另一个文章段落</p>

</body>
</html>
只有<body>区域(白色区域)才能被浏览器显示出来

<!DOCTYPE>申明

<!DOCTYPE>申明帮助浏览器正确的显示网页

在网上有不同的文档类型

为了正确的显示一个文档,浏览器必须知道类型和版本.

文档类型声明不区分大小写.无论哪一种都可用

常用的一些文档类型申明

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">

    本网站的所有例子用的都是HTML5

HTML历史版本

自从网页诞生以来,产生了很多HTML版本.

版本
HTML1991
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML2000
HTML52014
上一章 下一章
  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2