从HTML语言到网上家园 第一章 HTML语言结构

登录帐号zhe

登录帐号zhe

2016-01-29 12:44

从HTML语言到网上家园 第一章 HTML语言结构,从HTML语言到网上家园 第一章 HTML语言结构

  从上面的例子我们可以看到, 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 ”(黄色),保存之后刷新看看效果。学习网页制作要多动手,多练习。

  一个网页最基本的结构:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/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〉 标记对中的标记讲究次序,改变次序会改变显示效果。我们将在以后的章节详细讲述这些标记对。

展开更多 50%)
分享

猜你喜欢

从HTML语言到网上家园 第一章 HTML语言结构

Html CSS布局 Div+CSS XHTML
从HTML语言到网上家园 第一章 HTML语言结构

从HTML语言到网上家园.一

Web开发
从HTML语言到网上家园.一

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

从HTML语言到网上家园 序章

Html CSS布局 Div+CSS XHTML
从HTML语言到网上家园 序章

从HTML语言到网上家园 第六章 表单

Html CSS布局 Div+CSS XHTML
从HTML语言到网上家园 第六章 表单

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

C语言教程第一章: C语言概论

编程语言 网络编程
C语言教程第一章: C语言概论

HTML语言剖析(一)Html简介

Html CSS布局 Div+CSS XHTML
HTML语言剖析(一)Html简介

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在Visual C++中使用内联汇编

在Visual C++中使用内联汇编

JDBC接口技术

JDBC接口技术
下拉加载更多内容 ↓