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

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 69 ::
收藏到网摘: 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〉 标记对中的标记讲究次序,改变次序会改变显示效果。我们将在以后的章节详细讲述这些标记对。