当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 从HTML语言到网上家园 第一章 HTML语言结构

HTML/XHTML教程
网页设计师如何应对客户无理要求
打开网页速度提升的简单而有效的方法
让IE8启动IE7兼容模式的简便代码
HTML的sub,sup标签制作电子商务网站中的价格
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
让IE支持HTML5办法
HTML教程:HTML的10个表格相关标记
HTML教程:网页页面切换的各种效果
网页制作掌握的最常用的HTML标记
应该怎样把HTML结构化
XHTML基础教程:xhtml的块级标记
网页页面实现自动刷新的3种代码
网页制作教程:TD也可以溢出隐藏显示
网页设计教程:TabIndex元素
微软:IE9与HTML 5的关系
HTML设备标识符可以让用户使用网页与摄像头等硬件设备打交道
HTML5和CSS3的一些新变化
超级链接标记A的TARGET属性详解
语义化的网页:XHTML语义化标记
理论知识:PSD模板切成HTML的正确操作

HTML/XHTML教程 中的 从HTML语言到网上家园 第一章 HTML语言结构


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 27 ::
收藏到网摘: n/a

  从上面的例子我们可以看到, HTML 文档(在下面称作“网页”)里面有很多如 〈html〉〈/html〉〈head〉〈/head〉〈body〉〈body〉 等字符,在浏览器中却看不到它们,只是看到“看到效果了吗?这是我制作的第一个网页”这串蓝色字符,这是为什么呢?

  〈html〉〈/html〉〈head〉〈/head〉〈body〉〈body〉 等等是 HTML 语言的标记符号,这些标记符号控制显示的效果,上例中 〈font color=”blue”〉 就是告诉浏览器将“看到效果了吗?这是我制作的第一个网页”显示成蓝色 (blue) 。

  这些标记符号就是组成 HTML 言语的元素。组成 HTML 语言的元素有很多,它们各司其职,用于组织文件的内容和指导文件的输出格式。绝大多数标记(元素)都是成对出现的,即有起始标记( start tag )和结束标记( end tag )。每一个标记都有名称和可选择的属性,名称和属性放在 ”〈 〉” 尖括号中以与内容区别开来,注意 ”〈” 和标记名称之间不能有空格,标记名称和属性不区分大小写。在起始标记和结束标记之间的是标记要描述的主体内容属性。标记对中可以嵌套标记对。上例中的 〈font color=”blue”〉 就是一个标记, font 是字体标记的名称, color 是 font 标记的一个属性,它描述了字体是何种颜色,在这里定义的属性是 ”blue” (蓝色),你可以用记事本打开 myweb.html 文件名,将 ”blue” 改成其他颜色的名称看看,比如 ”red”( 红色 ) 、“ yellow ”(黄色),保存之后刷新看看效果。学习网页制作要多动手,多练习。

  一个网页最基本的结构:

  〈html〉
    〈head〉
      〈title〉〈/title〉
    〈/head〉
      〈body〉〈/body〉
  〈/html〉

  说明:早期的 HTML 文件没有如此严谨,多数浏览器为保持兼容性,也支持不按此结构写的网页。各种浏览器对 html 元素及其属性的解释也不完全一样 。

  〈html〉 是告诉浏览器 HTML 文档从这里开始, 〈/html〉 是告诉浏览器 HTML 文档在次结束。 〈body〉〈/body〉 是标记了网页的主体,精彩的内容都在里显现。 〈head〉〈/head〉 是网页的头部文件,它说明了网页的一些情况,在这个标记对中也能嵌入其他标记,比如 〈title〉〈/title〉 、 〈meat〉 等标记。 〈title〉〈/title〉 标明该网页的题目,它显示在浏览器的窗口名称中。看上例显示效果中划红圈的地方就是 〈title〉〈title〉 中的内容。 title 的长度没有限制,但过长的题目会导致折行,一般情况下它的长度不应超过 64 个字符。

  在 html 文件中,有些标记只能出现在 〈head〉〈/head〉 中,如 〈title〉 和 〈meat〉 ,不必讲究次序 . 绝大多数标记只能出现在 〈body〉〈/body〉 之间,而且出现在 〈body〉〈/body〉 标记对中的标记讲究次序,改变次序会改变显示效果。我们将在以后的章节详细讲述这些标记对。