chap0 -预备知识 HTML.pptVIP

;JSP程序设计;简 介 及 要 求;JSP课程内容;概述;概述;概述;概述;概述;概述;;预备知识—HTML基础第1部分;HTML简介 HTML语法 HTML文档基本结构 HTML标记 基本标记 编写表格 编写表单 本章内容设置目的 主要是针对程序员进行设置，不是培养网页设计师;HTML（超文本标记语言 HyperText Markup Language） 1）作用：创建静态网页的标准语言，用于在网络上传递信息，是写给浏览器的语言，由浏览器解释执行 2）语法：标记+属性（实现图文并茂的网页效果） 3）例：查看HTML源代码 4) HTML文档的扩展名为.html 或 .htm;HTML文档基本结构 示例：使用记事本编写Hello.html;2. Html文档基本结构;HTML标记(标签或元素)的形式 双标记 标记 [属性1=属性值 属性2=属性值 …] 内容/标记 示例. body bgcolor=red文字/body 单标记 标记 [属性1=属性值 属性2=属性值 …] / 示例1. img src=images/1.jpg/ 示例2. br /;说明1：标记位于尖括号内，可以具有属性值 属性值用“ ” 或 ‘’环绕，不写也可以解析， 但是不规范 说明2：HTML标记不区分大小写 说明3：HTML注释方法 ! - - 注释内容 - - ! - - 注释内容 - - 说明4：HTML语法不区分大小写;注意一些网页专业编写工具会自动生成如下标记 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN html文件的标准文件头 文件类型：HTML 规格（文档类型）：W3C DTD HTML4.0 语言：英文 meta：用于设置一些头信息，可以没有 meta http-equiv=content-type content=text/html;charset=gb2312 meta name=keywords content=your keywords meta name=description content=your description meta http-equiv=refresh content=2 /;常用HTML标记;2. Html文档基本结构;2. Html文档基本结构;1、头部标记head/head 1）title文字/title 显示在浏览器标题栏上 2）meta：用于设置一些头信息 3）style…/style定义CSS格式 4）script language=…/script 用于定义脚本，例如：javascript;1、主体标记body/body HTML的主体标记是 body ，在 body 和/ body 中放置的是页面中的所有内容，如文字、图片、链接、表格、表单等。 body标记常见属性 1）背景颜色属性——bgcolor 作用：设置网页背景色 语法：body bgcolor= 。 颜色值：可以使用预定义的名字,如red、blue、black等;也可以使用RGB数字值, 例如body bgcolor=#ffffff ;body标记常见属性 2）body背景属性——background 作用：设置网页背图片 语法： body background= 值： 使用图片的相对路径img_url表示图片的位置 body标记的内容中的特殊字符—空格 空格是特殊符号nbsp； ;2.2 body标记;1、标题标记 作用：标题标记一般用于文档标题部分的文本内容，用来强调要表现的内容，标记中的文本独自占据一个段落并且预定好了一定的格式，一般用来表示文本的标题部分。 语法：hn [属性=属性值 ……] 文本内容/hn 其中n代表 1~6（h1定义最大的标题，h6定义最小标题） 标题标记是双标记 属性： align=left或right或center 指定标题在浏览器中的水平排列方式，左对齐，右对齐或居中;1、标题 示例;2、换行标记br /(单标记) 用于在网页中输出换行，该标记后的文字将在下一行输出 3、段落标记p/p（双标记） p align=left或right或center 内容/p 表示网页中的段落，该标记后的文字在下一个段落输出，段落间的间距要比br换行后的行距大一些;4、水平线标记hr/(单标记) 作用：水平线用于文本间的分隔，使文字的编排更整齐 语法： hr [属性1= 属性值1 属性2= 属性值2 ……]/ 属性 1）size= “粗细数值” ——整数值，无单位 2）color= “颜色值”