HTML语言介绍.ppt

宋 波 HTML 语言 HTML入门 HTML基本构架 页面布局与文字设计 标题 换行br 段落标签P 水平线段hr 文字的大小设置 文字的字体与样式 文字的颜色 位置控制 综合示例 HTML，即超文本标记语言, 用于描述网页的格式设计和它与WWW上其它网页的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 所谓超文本，它可以加入图片、声音、动画、影视等内容，它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 HTML的基本结构 超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 提示 html文档可用记事本打开，编辑，但效果预览须用浏览器 HTML HEAD头 部 信 息/HEAD BODY文档主体，正文部分/BODY /HTML HTML标记有时可以省略，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。 HEAD 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。 BODY 标记一般不省略， 表示正文内容的开始。 超文本文档的源代码 HTMLHEADTITLE一个简单的HTML示例/TITLE/HEADBODYCENTERH1 欢迎光临我的主页/H1BRHRFONT SIZE=2 color=navy　　这是我第一次做网页，无论怎么样，我都会努力做好！/FONT/CENTER/BODY/HTML 超文本中的标签 用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 单标签：只需单独使用，这类标记的语法是： 标签名称 BR, 它表示换行 img src=“ …” ， 表示插入图像 双标签 由“始标签”和“尾标签”两部分构成，必须成对使用。其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。 这类标记的语法是：　　　　　　　　　　　　　标签内容/标签 其中“内容” 部分就是要被这对标记施加作用的部分。 标签属性 标签名字 属性1 属性2 … 各属性之间无先后次序，属性也可省略（即取默认值） 例如单标记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越小，标题字号就越大。 注释：标题样式是系统给定的，但可以通过CSS样式表修改！ 格式 H1…/H1　　　　　第一级标题 H2…/H2　　　　　第二级标题 H3…/H3　　　　　第三级标题 H4…/H4　　　　　第四级标题 H5…/H5　　　　　第五级标题 H6…/H6　　　　　第六级标题 例子 htmlheadtitle标题示例/title/head body H1一级标题/H1H2二级标题/H2H3三级标题/H3H4四级标题/H4H5五级标题/H5H6六级标题/H6/body /html 换行br 在编写HTML文件时，我们不必考虑太细的设置，也不必理会段落过长的部分会被浏览器切掉。因为，在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上br标签。 无换行示例 htmlheadtitle无换行示例/title/head body登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。/body /html 换行示例 html head title换行示例/title /head body登鹳雀楼br白日依山尽，br黄河入海流。br欲穷千里目，br更上一层楼。 /body /html 段落标签P 为了排列的整齐、清晰，文字段落之间，我们常用P/P来做标记。文件段落的开始由P来标记，段落的结束由/P来标记，/P是可以省略的，因为下一个P的开始就意味着上一个P的结束。 P标签还有一个属性ALING，它用来指名字符显示时