欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  在当今社会,网页是网络信息共享和发布的主要形式。而HTML (Hyper Text Mark-up Language),即超文本标记语言,是创建网页基础。本章将学习HTML文档的基本结构、组成HTML文档的各类常见标签。HTML 标签可以说明文字、图形、动画、声音、表格和链接等。本章重点是各种标签的基本语法和用法。
 
  核心技能部分
 
  首先我们来了解下什么是HTML以及它和浏览器之间的关系。
 
  1.什么是HTML
 
  HTML称为超文本标签语言,它包括很多标签 (例如:<p>段落、<h1>——<h6>标题标签),这些标签用来告诉浏览器(例如微软公司的InternetExplorer,简称IE) 如何显示页面,它是网页制作的基础。
 
  它有如下特点:
 
  简单性:各类HTML标签简单易学,方便开发者学习、使用。
 
  平台无关性:这是HTML语言的最大优点,也是Internet网络盛行的原因之一。它包括“硬件”平台无关性和“软件”平台无关性,不管你的计算机是普通的个人电脑,还是服务器或其它计算机(比如:苹果机),也不管你的操作系统是常见的Windows,还是高端Unix或Linux,HTML都可以得到良好的支持
 
  2.HTML和浏览器的关系
 
  和Java需要JRE运行时环境一样,有了HTML文档,还需要一个“解释和执行”的工具,而浏览器就是用来解释并执行HTML文档的工具。想运行HTML文档就要有一个浏览器:比如微软公司的IE、Mozilla公司的Firefox(火狐)。
 
  一个完整的HTML文档至少包含 html、head、title、body 4个标签,它们成对出现,即以<标签名>开始,以</标签名>结束,例如:
 
  1.?<html>标签
 
  <html>标签是HTML文档的根标签,页面中的所有内容都必须包含在<html>与</html>之间。
 
  2.?<head>标签
 
  一个网页文档从总体上可分为头和主体两部分。<head>和</head>定义了 HTML文档的头部分,它包含页面的标题、文件MIME类型、样式表、脚本等。就像平时写的书信,书信一般由称谓、问候语、正文、结尾、署名、日期所构成;书信的头部就是称谓和问候语。譬如:尊敬的老师:您好,现在工作忙吗?下面就是书信的主体部分了。
 
  其中,标题在下面的介绍,文件MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。例如,假设你要传送一个MicrosoftExcel文件到客户端。那么这时的MIME类型就应该设置为下面的格式“application/vnd.ms-excel”。样式表是用来美化HTML标签的,具体的用法在第三章会介绍;而脚本就是javascript脚本程序,主要功能是用来做页面的输入验证的,以及一些页面特效;javascript会在二期课程中重点学习。
 
  3.?<title>标签
 
  <title>标签用于设置HTML文档的标题。当使用浏览器查看页面时,在浏览器的标题栏中将显示<title>标签中的内容,如图1.1.1所示,百度首页的标题“百度一下,你就知道”。
 
  图1.1.1 HTML标题
 
  4.?<body>标签
 
  <body>和</body>标签定义了 HTML文档的主体部分,用于设置页面实际需要呈现给用户的内容,如文字、图片、视频等。
 
  5.?<meta>标签
 
  使用该标签描述网页的具体摘要信息,包括文档内容类型、字符编码信息、搜索关键字、网站提供的功能和服务的相信描述等。<meta>标签描述的内容并不显示在浏览器的窗口中,其目的是方便浏览器解析或利用搜索引擎搜索,它采用“名/值”对的方式进行设置。
 
  (1)name属性和 content属性
 
  name属性用于描述设置内容的名称,其值所描述的内容通过content属性表示,便于搜索引擎查找、分类。其中最重要的属性值包括description、keywords和robots。
 
  示例1.1
 
  (2)http-equiv属性和 content属性
 
  http-equiv属性用于提供 HTTP协议的响应头报文 (小文档头),它以名称/ 值形式进行设置。http-equiv属性的值所描述的内容通过content属性表示,通常是在网页加载前提供给浏览器等设备使用。其中最重要的属性值有content-type (提供编码信息)、refresh (刷新与跳转页面)、no-cache (页面缓存)以及 expires (网页缓存过期时间)。
 
  示例1.2
 
  1.?HTML注释
 
  在 HTML 网页文档中可以使用“<!--注释 -->”加入页面注释,注释内容将被浏览器忽略。HTML注释可以用于解释文档中某些内容的作用或功能。除此之外,还可以屏蔽部分暂不需要的HTML语句。
 
  示例1.3
 
  示例1.3在浏览器的运行效果如图1.1.2所示,可见注释里面的内容“这里是HTML注释,将不会显示在浏览器的窗口中”并不会显示。
 
  图1.1.2 HTML注释
 
  2.?特殊字符
 
  当需要在网页上显示用作HTML标签的特殊字符 (如“<”、“>”等)以及被浏览器忽略的空格字符时,如果直接使用字符,浏览器将以标签的形式进行解释或忽略。例如在页面中显示<html>,若直接在HTML文档中输入<html>时将被浏览器忽略,即页面中不显示任何内容。此时,需要使用HTML编码来显示特殊字符。
 
  HTML文档中的特殊字符通常用字符序列来表示,此序列以字符“&”开头,以分号 (;)结束。如在页面中显示大于 (>)号时,可用连续字符序列“>”表示,HTML 中常用的特殊字符编码见表1-1-1所示。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61082.shtml