专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » html基础教程:HTML基础 »正文

html基础教程:HTML基础

来源: 发布时间:星期三, 2008年10月22日 浏览:137次 评论:0
HTML基础
什么是HTML
HTML 是表示网页的一种规范,它通过标记符定义了网页内容的显示。

HTML的工作原理
如果在浏览器中任意打开一个网页,然后在窗口中空白位置单击鼠标右键,选择“查看源文件”命令(或者选择“查看”菜单中的“源文件”命令),则系统会启动“记事本”,其中包含一些文本信息。这些文本其实就是网页的本质--HTML 源代码。HTML(HyperText Markup Language,超文本标记语言)是表示网页的一种规范(或者说是一种标准),它通过标记符定义了网页内容的显示。例如,用 <table> 标记符可以在网页上定义一个表格。

标记符基础
如前所述,HTML 语言是影响网页内容显示格式的标记符集合,浏览器根据标记符决定网页的实际显示效果。
基本的HTML语法
   HTML 的语法比较简单,即便没有任何计算机语言(如 C 语言、BASIC 语言等)的基础也很容易学。在 HTML 中,所有的标记符都用尖括号括起来。例如,<HTML> 表示 HTML 标记符。某些标记符,例如换行符 <BR>,只要求单一标记符号。但绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。开始标记符和相应的结束标记符定义了所影响的范围。结束标记符与开始标记符的区别是有一个斜线。例如,<H1> 这里是标题 </H1>,将以“标题1”格式显示文字“这里是标题”,而不影响开始标记符和结束标记符以外的其他文字。
  说明:HTML 标记符是不区分大小写,但通常约定使用大写标记符,这有利于 HTML 文档的维护。 标记符的属性
  对于许多标记符,还包括一些属性,以便对标记符作用的内容进行更详细的控制。实际上,有关 HTML 语法的讲解主要就是对各种标记符属性的讲解。在 HTML 中,所有的属性都放置在开始标记符的尖括号里,属性与标记符之间用空格分隔;属性的值放在相应属性之后,用等号分隔;而不同的属性之间用空格分隔。
Web页的基本结构
一个 Web 页实际上对应一个 HTML 文件,通常以 .htm 或 .html 为扩展名。任何 HTML 文档都包含的基本标记符包括:HTML 标记 <HTML></HTML>、首部标记 <HEAD></HEAD> 以及正文标记 <BODY></BODY>
HTML标记
  <HTML> </HTML> 是 Web 页的第一个和最后一个标记符,Web 页的其他所有内容都位于这两个标记符之间。这两个标记告诉浏览器或其他浏览器或其他阅读该页的程序,此文件是一个 Web 页。虽然 HTML 标记符的开始标记符和结束标记符都可以省略(因为.htm 或 .html 扩展名已经告诉浏览器该文档为 HTML 文档),但为了保持完整的网页结构,建议包含该标记。另外,HTML 标记符通常不包含任何属性。
  说明:在 HTML 文档中,某些标记符的开始标记符和结束标记符都可以省略,某些标记符的结束标记符可以省略,而有些标记符则既不能省略开始标记符也不能省略结束标记符。首部标记
  首部标记 <HEAD> </HEAD> 位于 Web 页的开头,其中不包括 Web 页的任何实际内容,而是提供一些与 Web 页有关的特定信息。例如,可以在首部标记中设置网页的标题、定义样式表、插入脚本等。
  首部标记中的内容也用相应的标记符括起来。样式表 (CSS) 定义位于 <STYLE> </STYLE> 之间;脚本定义位于 <SCRIPT></SCRIPT> 之间。 TITLE 标记符
在首部标记符中,最基本、最常用的标记符是标题标记符<TITLE>和</TITLE>,用于定义网页的标题。网页标题可被浏览器用作书签和收藏清单。当网页在浏览器中显示时,网页标题将在浏览器窗口的标题栏中显示。 META 标记符
在首部标记符中另外一个比较常用的标记符是 META,它用于说明与 Web 页有关的信息,例如可以说明文件创作工具、文件作者等信息。
META 标记符的常用属性包括:name、http-equiv 以及 content。其中,name 属性给出特性名,而 content 属性给出特性值,http-equiv 属性指定 HTTP 响应名称,通常用于替换 name 属性,HTTP 服务器使用该属性值为 HTTP 响应消息头收集信息。
例如:
<META http-equiv="Content-Script-Type" c>
设置客户端行内程序的语言是 JavaScript;
<META http-equiv="Content-Style-Type" C>
设置行内样式的样式语言为 CSS。
META 标记符的一个常用功能是设置自动转址功能,即使浏览器自动从一个地址跳转到另一个地址,例:
<META http-equiv="Refresh" c> 
在这个例子中,完成当前文档加载30秒后将自动加载另一个文档(即 "URL=#" 后指定的 HTML 文档)。要实现以上效果,必须使 "URL=#" 后指定的 HTML 文档存在。 BGSOUND 标记符
BGSOUND 标记符只有开始标记符,没有结束标记符。它的基本属性是 src,用于指定背景音乐的源文件。另外一个常用属性是 loop,用于指定背景音乐重复的次数,如不指定该属性,则背景音乐无限循环。正文标记
  正文标记符 <BODY></BODY> 包含 Web 页的具体内容,包括文字、图形、超链接以及其他各种 HTML 对象。
设置页面属性
正文标记符包括一些常用属性,可以用于设置网页背景颜色和图案,以及设置文档中文字和超链接的颜色。
设置页面背景色
  在 <BODY> 标记符中使用 bgcolor 属性可以为网页设置背景颜色。例:
<BODY bgcolor="black"> 设置页面背景图像
   网页设计者可选择特定图案作为页面的背景--使用 BODY 标记符的 background 属性即可。HTML 语句为:
<BODY background="网页背景图案的地址">。 设置北景图像水印效果
  如果使用以下代码,则背景图案将具有水印效果:
<BODY background="background.jpg" bgproperties="fixed"> [ft=,3,]设置文字和超链

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称:
  • 内容: