第3章HTML语言-2012092109534864

1、第3章 HTML 语言3.1、HTML语言概述lHTML(Hypertext Markup Language)超文本标记语言，它是在互联网发布网页的通用语言。大部分的主页都是用HTML配合其它语言写成的。 lHTML标记(HTML Markup)是HTML文档的控制语言，用于指定浏览器显示和打印文档的方式。它是 用小于号括起来的短语和符号， 如、等。3.2、HTML语言基础 3.2.1 基本的HTML语法 一个最简单的 HTML文档是这样:HTML 文件的正文写在这里. . 每个HTML文档都应至少有如下成对标记: 。 语法：语法：（1）所有的标记都用左 “”括起来。（2）大部分标记是成对出现

2、的，包括开始标记和结束标记。结束标记必须用 “/”开头。例如： 欢迎浏览本网页！（3）所有在标记内的对象，都按标记定义的格式显示。（4）少数标记允许只有开始标记，而没有结束标记。 例如：换行标记、水平线和段落。（5）标记不区分大小写，但默认情况下，ASP.NET用小写字母。3.2.2 标记的属性l利用标记属性可以控制标记的显示格式l属性设置：“属性名”=“值”l所有属性都放置在开始标记的尖括号内。例如： 本段落将放置在中间 3.2.3 注释语句l注释的内容并不会在浏览器窗口中显示出来，可以把注释语句当作是特殊的标记。l注释语句的格式： 3.3.1 HTML标记 HTML标记是全部文档内容的容器

3、，分别是网页中的第一个标记和最后一个标记 。3.3.2 头部与正文 HTML文档分为头部(Head)和正文(Body)两部分:l 头部头部是用成对标记标出的部分，它主要包括注释，说明信息和标题。 标题标题是在浏览器标题栏中的描述文档的文字。标题是在头部中由成对标记定义。l 正文正文是文档的主体，用成对标记标出， Web页面的主要内容都在中。正文中的属性bgcolor指定背景色。 3.3 HTML文档的基本结构例：台州学院大家好！3.4 文字版面的编辑3.4.1 设置字符属性 大小：文字 #=1, 2, 3, 4, 5, 6, 7 or +#, -# 字体：face 颜色：color例：今天天气

4、真好！ 今天天气真好！ 今天天气真好！ 学校网站设计3.4.2 设置字符样式和特殊字符 1设置字符样式设置字符样式 例如粗体、斜体、下划线、删除线、上标、下标等。常用的设置字符样式的标记如下:粗体斜体删除线下划线上标下标大字体小字体固定宽度字体 2插入特殊字符插入特殊字符l有些字符，如版权符号，键盘上没有，可用特殊字符© 表达。l有些特殊字符在浏览器中会报错，例如“”等。用<来表示。 3.4.3 设置段落格式1、段落标记 (可以看作是空行) 2、换行标记，单独使用，没有配对的。也可写成例：你好吗？ 我很好！他好吗？他很好！大家都很好！再见！3、水平线标记 单独使

5、用 例：台州学院我是一条水平线大家好！3.5 建立列表3.5.1 有序列表 1、在各列表项的前面显示数字或字母，使用列表标记OL和列表项标记LI创建，语法格式如下： 列表项1列表项2列表项n 2、OL标记两个属性：START表示数字起始值；TYPE设置类型，取值： 1：表示阿拉伯数字1、2、3等，这是默认值。 A：表示大写字母A、B、C等。 a：表示小写字母a、b、c等。 I：表示大写罗马数字I、II、III、IV等。 i：表示小写罗马数字i、ii、iii、iv等。 3、当LI标记位于和标记之间时，有两个常用属性。lTYPE属性：与OL标记中的TYPE属性相同。lVALUE属性：指定一个新的起

6、始值，用来获得非连续性的数字序列。 例： Today Tomorrow 2018年8月8日3.5.2 无序列表 1、在各列表项前面显示特殊项目符号，使用无序列表标记UL和列表项标记LI创建，语法格式如下： 列表项1列表项2列表项n 2、UL标记的TYPE属性用于指定列表项前面显示的项目符号，其取值可以是：ldisc：使用实心圆作为项目符号（默认值）。lcircle：使用空心圆作为项目符号。lsquare：使用方块作为项目符号。 注意：在IE浏览器中，TYPE属性的值是区分大小写的。 例： Today Tommorow3.6 TABLE表格l表格标记:l行标记:一对标记一行l列名标记:字段名一对

7、标记一列l单元格标记:数据一对标记一单元格 例： 姓名年龄班级   3.7 建立超链接l超链接标记l基本语法: . URL(统一资源定位器)：可以是本机的网页或Internet上的网页例：个人爱好 IT技术社区超链接的形式：l文件超链接：这种链接的目标端点是一个文件。l锚点超链接：这种链接的目标端点是网页中的一个位置，通过这种链接可以使网页跳转到当前页面，或者其他页面中的指定位置。锚点位置链接到锚点lE-mail链接：通过这种链接，可以启动电子邮件客户端程序。 l图像超链接：在图像上建立若干个区域，称为“链接区”。通过它们可以跳转到其他目标端点去。 3.8 图像的处理l网页上

8、使用的图像类型：GIF、JPEG 、PNG等l图像标记语法格式： 例： l使用标记显示Flash 动画： 3.9 网页的动态效果1、MARQUEE标记用于移动字幕，语法如下： 要滚动的信息 其中“direction = right”表示文字从左往右滚动2、标记属性：lBGCOLOR：指定字幕的背景颜色。lLOOP：指定字幕的滚动次数。lHEIGHT：指定字幕的高度，以像素或百分比为单位。lALIGN：指定字幕与周围文本的对齐方式，其取值可以是top、middle或bottom。lBEHAVIOR：指定文本动画的类型，其取值可以是scroll、slide或alternate。lDIRECTION

9、：指定文本的移动方向，其取值可以是down、left、right或up。lHSPACE：整数，指定字幕的外部边缘与浏览器窗口之间的左右边距（像素）。lSCROLLAMOUNT：整数，指定字幕文本每次移动的距离，以像素为单位。lSCROLLDELAY：整数，指定与前段字幕文本延迟多少ms后重新开始移动文本。lVSPACE：整数，指定字幕的外边缘与浏览器窗口之间的上下边距（像素）。例： 会移动的标题栏 3.10 原样显示标记按照原来键入的模样显示 大家好！ 文本保持原有模样吗？ 3.11 表单标记表单(Form)主要用于采集和提交用户输入的信息。表单的基本语法 *=text, password,

10、checkbox, radio, image, hidden, submit, reset*=输入信息的名称 HTML表单(Form)常用控件表单控件说明input type=text单行文本输入框input type=submit将表单(Form)里的信息提交给表单里action所指向的文件input type=checkbox复选框input type=radio单选框select下拉框textArea 多行文本输入框input type=password密码输入框(输入的文字用*表示)例：您的姓名: 您的主页的网址: 密码: 3.12 框架Iframe用可以将Frame置于一个HTML文

11、件内。表单的基本语法什么是XHTML 简单点说：简单点说：XHTMLXHTML就是严谨而准确的就是严谨而准确的HTMLHTML。如果说。如果说HTMLHTML是汉语，那么是汉语，那么XHTMLXHTML就是标准普通话。就是标准普通话。复杂点说：复杂点说：XHTMLXHTML是是HTMLHTML的的“升级规范升级规范”产品，其中产品，其中“X X”是代表可扩展的，是单词是代表可扩展的，是单词“extensibleextensible”的缩写。的缩写。它具有更严格的书写标准、更好的跨平台能力。由于某些需要，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTMLXHTML将以前版将以前版

12、本的本的HTMLHTML能够实现的一些功能交给了能够实现的一些功能交给了CSSCSS，这意味着你将需要学习两种技术。但，这意味着你将需要学习两种技术。但是这确实是是这确实是WebWeb未来发展的潮流。未来发展的潮流。XHTML区别于HTML的规则 1.XHTML1.XHTML文件的开始要声明文件的开始要声明DTD.DTD. XHTML1.0 XHTML1.0提供了三种提供了三种DTDDTD声明可供选择：过渡、严格声明可供选择：过渡、严格 、框架、框架 2.2.需要为你的需要为你的标签添加一个命名空间。标签添加一个命名空间。3.3.所有的标签和标签的属性都必须小写，属性值可以大写。所有的标签和标签的属性都必须小写，属性值可以大写。4.4.属性值必须用引号括起来。单引号双引号均可。属性值必须用引号括起来。单引号双引号均可。5.5.所有的标签都必须被关闭，方法如下：所有的标签都必须被关闭，方法如下：HTMLHTML中的中的要写成要写成，后面加了一个空格，后面加了一个空格“ ”和一个反斜杠和一个反斜杠 “/ /” 。6.6.每个