Web数据库技术应用教程（第二版） -王承君 5446-缺第12章 第4章.ppt

Web数据库技术应用教程（第二版） 王承君 主编 中国水利水电出版社 本章主要内容 HTML语言的特点。 HTML语言的语言环境。 HTML语言的编写规范。 常用的HTML语言标记。 4.1 文档结构 HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。 HTML文件由元素（element）组成，绝大多数元素是容器，即它有起始标记和结尾标记。元素的起始标记叫做起始链接签（start tag），元素结束标记叫做结尾链接签（end tag），在起始链接签和结尾链接签中间的部分是元素体。 每一个元素都有名称和可供选择的属性，元素的名称和属性都在起始链接签内标明。比如体元素（body）： body background=back-ground.gif h2 demo /h2 This is my first html file. p /body 4.1 文档结构（序） 文件应具有下面的结构： html　　 HTML文件开始 head 文件头开始 文件头 /head　 文件头结束 body 文件体开始 文件体 /body 文件体结束 /html HTML文件结束 4.1 文档结构（序） 一般来讲，HTML的元素有下列三种表示方法： （1）元素名文件或超文本/元素名 （2）元素名 属性名=属性值…文本或超文本/元素名 （3）元素名 4.1 文档结构（序） （1）题目（title）。title元素是文件头中唯一一个必须出现的元素，它也只能出现在文件头中。 title元素的格式为： title文件题目/title 例子： titleA sample of HTML 5.0 /title 4.1 文档结构（序） （2 ） 标题（hn） 标题元素有6种，分为h1、h2、…、h6，表示文章中的各种题目。标题号越小，字体越大。一般情况下，浏览器对标题作如下解释： h1：黑体，特大字体，居中，上下各有两行空行。 h2：黑体，大字体，上下各有一到两行空行。 h3：黑体（斜体），大字体，左端微缩进，上下空行。 h4：黑体，普通字体，比h3更多缩进，上边空一行。 h5：黑体（斜体），与h4相同缩进，上边空一行。 h6：黑体，与正文有相同缩进，上边空一行。 hn可以有对齐属性，align=#。 #表示：left：标题居左，center：标题居中，right：标题居右。 例：h2 align=centerChapter 2/h2 表示标题Chapter 2用h2黑体，大字体，上下各有一到两行空行显示。 4.2 页面文本修饰 4.2.1 字体和字号 普通文本的字体。字体风格分为物理风格和逻辑风格。物理风格直接指定字体，物理风格的字体有 b黑体， i斜体， u下划线， tt打字机体。 s字符上加横线， 物理风格的例子及其输出如下： bI like HTML!/bp iI like HTML!/ip uI like HTML!/up ttI like HTML!/ttp sI like HTML!/sp 输出结果如下： 4.2 页面文本修饰（序） 逻辑风格指定文本的作用， em强调 strong特别强调 code源代码 samp例子 kbd键盘输入 var变量 dfn定义 cite引用 small较小 big较大 sup上标 sub下标。 4.2 页面文本修饰（序） 逻辑风格的例子如下： em今天天气真好！/em p strong今天天气真好！/strong p code今天天气真好！/code p samp今天天气真好！/samp p kbd今天天气真好！/kbd p var今天天气真好！/var p dfn今天天气真好！/dfn p cite今天天气真好！/cite p small今天天气真好！sub下标/sub/small p big今天天气真好！sup上标 /sup/big p 4.2 页面文本修饰（序） HTML还有7种字号供选择，1号最小，7号最大。 HTML还提供了字体颜色的设定方法。字体的颜色用font color=#指定，#可以是6位十六进制数，分别指定红、绿、蓝的值，也可以是black、olive、teal、red、blue、maroon、navy、gray、lime、white、green、purple、sliver、yellow、aqua之一。 4.2.2 显示控制 1．预排版文本pre：不需要重新排版的内容，可以用pre…/pre通知浏览器。浏览器在输出时对这部分内容几乎不做修改。 2．块引用blockquote：块引用表示其中的内容是引用。 3．居中center：居中链接签 4．分段p