[计算机软件及应用]chapter3_HTML语言.ppt

培训内容简介 1. Java程序设计 2. SQLServer2005 3．JSP2.0 程序设计 4．Struts+ Hibernate3.0 5. AJAX 项目实习+就业指导 前言 HTML简介 所谓超文本，就是它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件链接。 HTML说明： 它只是标记语言 （易于使用） 由文字及标记组合而成 任何文字编辑器都可以编辑 扩展名 HTML文件的后缀名应为 “.html” 或 “.htm” （如：index.html、index.htm) 认识HTML 标签 网页架构 主要网页主架构的介绍 分隔标签 也就是所谓的水平线 排版标签 针对标签的属性，可做适当的版面编排 字体标签 设定文字的字体 文字标签 设定文字的颜色、行距、变化…..等等 图像标签 在网页中植入图像 背景标签 设定背影颜色或是背景图像 链接标签 设定超链接，以至转入下一程序或页面 表格标签 在网页中运用表格 序列标签 设定文字序列或图形序列 表单标签 制定文字序列或图形序列 框架标签 同一个视窗由多个网页一起组成 1.网页架构 HTML的基本架构结构 HTML  HEAD TITLE 网页的标题 /TITLE  /HEAD  BODY 网页的内容 /BODY /HTML HTML、/HTML 整份文件处于标记HTML与/HTML之间。 HTML用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 HEAD、/HEAD 与 BODY、/BODY 文件分两部分，由HEAD至/HEAD称为开头，BODY至/BODY称本文，基本上两者各有适用的标记。 开头部分用以存载重要资讯，而只有本文部分会被显示。 所以大部分标记会运用于本文部分。 2.标签写法 任何标记皆由“所围住，如 HTML 标记名与号之间不能留有空白字符。 某些标记　要加上参数，某些则不必。 如 font size=+2Hello/font 参数只可加于起始标记中。 在标记名前加上符号/便是其终结标记，如 /font 标记字母大小写皆可。 2.标签写法 标签按方式可分为两种： 围堵标记 它以起始标记及终结标记将文字围住，以达到预期显示效果。 例如 ： title我的主页/title 其中 title/title 便称为围堵标记。 空标记 是指标记单独出现，只有起始标记没有终结标记。 例如 ：  br hr 等. 或hr/ 3.分段标签 在网页的编排里，并不像WORD一样，只要拼命按Enter键或空白键就能完成分段或分行，因为，HTML语言是不认识我们所谓的Enter键或空白键,只认标签！ 分段标签 p 使用说明： P称为段落标记。作用：为字、画、表格等之间留一空白行。 P 的常用参数： 如：p align=center align=center 可选值：right, left, center。 内定值： align=left 3.换行标签 换行标签 br 使用说明： BR称为换行标记。作用：令字、画、表格等显示于下一行。 由于浏览器会自动忽略原始码中空白和换行的部分，这令到BR成为最常用的标记之一。若不加上换行标记或段落标记，浏览器只会将它显示成一大段。 水平线标签 hr 使用说明： HR称为水平线。作用：插入一条水平线。 常用参数: align 、size 、width(像素或n%)、color、noshade (去线的阴影 ) 例: hr align=left color=#FFFFFF noshade size=1 width=500/ 3.分隔标签 置中标签 CENTER 使用说明： CENTER称为居中标记。 作用：令字、画、表格等显示于中间。 区域标签 DIV、/DIV 单独一行 使用说明： DIV称为区域标记。作用：设定字、画、表格等的摆放位置。 span/span 不换行 4.字体标签 标题标签 h1 使用说明 标题标记，由 H1 至 H6 变粗变大加宽的程度逐渐减小。每个标题标记所标示的字句将独占一行且上下留一空白行。 使用范例： 原代码： h1第一章/h1 h2第一节/h2 加粗标签 b、/b strong/strong 斜体标签 i、/i em /em 4.字体标签 加下划线标签 u、/u 上标字与下标字标签 sup