HTML的基本结构.docVIP

第一章：网页设计语言html简介 第一讲：HTML的基本结构 本讲重点：html的结构，BR和P标签的应用及区别，标题的应用,用align的三个常用参数后的效果。 本讲难点：如何运用标签及标题对网页文本内容进行排布。 课堂思考：h带参数与不带参数的却别。 　　超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 HTML 　　　HEAD　　　　　　头 部 信 息　　　/HEAD 　　　BODY　　　　　文 档 主 体， 正 文 部 分　　　/BODY /HTML 　　 其中HTML在最外层， 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略HTML标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。HEAD 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。BODY 标记一般不省略， 表示正文内容的开始。 下面是一个最基本的超文本文档的源代码： HTMLHEADTITLE一个简单的HTML示例/TITLE/HEADBODYCENTERH3欢迎光临我的主页/H3BRHRFONT SIZE=2　　这是我第一次做主页，无论怎么样，我都会努力做好！/FONT/CENTER/BODY/HTML ━┓　┃文件头━┛ ━┓　┃　┃　┃　┃文件体　┃　┃　┃　┃━┛ 超文本中的标签 　　刚刚接触超文本，遇到的最大的障碍就是一些用“”和“”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 1. 单标签　　某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是： 　　　　　　　　　　 标签名称 　　 最常用的单标签是BR, 它表示换行。 2.双标签　　另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： 　　　　　　　　　　　　　标签 内 容/ 标签 　　其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一EM /EM标记中： 　　　　　　　　　　　　　　EM第一：/EM 3.标签属性 　　许多单标记和双标记的始标记内可以包含一些属性， 其语法是： 　　　　　　　　 标签名字 属性1 属性2 属性3 … 　　各属性之间无先后次序，属性也可省略（即取默认值），例如单标记HR表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些属性： HR SIZE=3 ALIGN=LEFT WIDTH=75% 　　其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐， 缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对 号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的 个数，如WIDTH=300），缺省值是100%。 标题 　　一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签Hn,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题： 〈H1…/H1　　　　　第一级标题 〈H2…/H2　　　　　第二级标题 〈H3…/H3　　　　　第三级标题 〈H4…/H4　　　　　第四级标题 〈H5…/H5　　　　　第五级标题 〈H6…/H6　　　　　第六级标题 请看下面的例子： htmlheadtitle标题示例/title/head body 这是一行普通文字P〈H1一级标题/H1〈H2二级标题/H2〈H3三级标题/H3〈H4四级标题/H4〈H5五级标题/H5〈H6六级标题/H6/body /html 　　从结果可以看出，每一个标题的字体为黑体字，内容文字前后都插入空行。 换行br 　　在编写HTML文件时，我们不必考虑太细的设置，也不必理会段落过长的部分会被浏览器切掉。因为，在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上br标签。 　　请看下面的例子： htmlheadtitle无换行示例/title/head body登鹳