基于WEB的JAVA开发设计HTMLJavaScriptCSS.docVIP

基于WEB?的JAVA?开发设计 JSP基础?知识(HTML+JavaS?cript?+CSS) HTML基?础 HTML (Hyper? Text Marku?p Langu?age)语言简介 超文本标记?语言HTM?L源于标准?通用化标记?语言SGM?L（Stand?ard Gener?al Marku?p Langu?age）是SGML?的子集（XML同样?也是其子集?），由Web的?发明者Ti?m和Dan?iel于1?990年创?立。 HTML是?一门标记型?语言，只要记住各?个标记的用?法即可 可以用任何?文本编辑器?来编写HT?ML页面，只要将创建?的页面保存?为html?或htm即?可 在客户端浏?览器可以查?看所编写的?源代码 HTML的?编辑和运行?环境 HTML的?编辑环境 所见及所得?的编辑器，如：Dream?weave?r、Front?Page 任何文本编?辑工具，如：记事本、EditP?lus HTML的?运行环境 浏览器 Inter?net Explo?rer 6 FireF?ox1.5 由于各浏览?器对HTM?L的支持有?差别，所以尽量避?免使用非规?范的HTM?L标记 HTML语?言简介 HTML的?基本语法 HTML文?件由标记和?文本组成，格式为： 标记在浏览器中?显示的文本?/标记 标记名和“”之间不能有?空格 属性通过属?性控制各种?输出效果，格式为： 标记 属性1＝属性值 属性2＝属性值 … 受到属性影?响的文本 /标记 例如：font size=4 color?=red属性示例/font 属性之间没?有顺序，且只能加于?起始标记中?。 标记可以分?为单标记和?双标记两种?： 单标记单独?使用，如：br 双标记成对?使用，如：head…/head 对于同一段?文本，可以使用多?个嵌套标记?来共同作用?，产生一定的?效果，但需要注意?标记出现的?顺序。 headtitle?网页标题/title?/head headtitle?网页标题/head/title? （错误） HTML语?言不区分大?小写 HTML注?释 HTML注?释 HTML的?注释标记为?“!--”和“--”可以插入到?HTML文?本的任何地?方 例如：!--这是HTM?L注释-- HTML或?JSP文件?中HTML?注释将发送?到客户端浏?览器，但不显示 这与后面将?要讲解的J?SP注释不?同：JSP注释?的内容不会?发送到客户?端，但在注释出?现的位置出?现一个空行? HTML文?件的基本结?构 HTML文?件以html开头，以/html结束 HTML文?件包括头部?head和主体body两个部分 基本结构为?： HTML HEAD TITLE?网页标题/TITLE? /HEAD BODY/BODY /HTML Head的?内容可以是?标题和元信?息（网页关键字?、文本文件地?址、创作信息等?网页信息说?明） HMTL文?件标题标记? title?网页标题/title? head标记是可选?的，可以没有head标记，而单独使用?title?标记 HTML的?标记不可以?直接出现在?要显示的内?容中，如果需要显?示则必须使?用相应的转?义符代替： 浏览器对空?白的处理 浏览器忽略? 开头和结尾?的空格 换行 缩进 连续的空格?、换行、缩进 只保留一个? 特殊情况除?外 例如pre/pre中包括的 HTML文?件的基本结?构 HTML文?件的主体标?记 body backg?round?=“文件名” bgcol?or=“颜色值” text=“颜色值” link=“” vlink?=“” alink?=“” 主题内容 /body backg?round?设置网页的?背景图像 bgcol?or 设置网页的?北京颜色 text 设置文本的?字体颜色 link 设置未被访?问过的超文?本链接的颜?色，默认为蓝色? vlink? 设置已被访?问国的超文?本链接的颜?色，默认为紫色? alink? 色或者当鼠?标移至超文?本链接的颜?色，默认为红色? 注：HTML颜?色的取值可?以用英文单?词或以＃引导的十六?进制代码表?示，颜色代码由?六个数字组?成，即#RRGGB?B,每一位都是?一位十六进?制的数字，从0～F，可以产生1?677万多?种颜色。 body也是一个可?选标记 文字格式标?记 文字格式标?记 设置标题 hn align?=“”标题内容/hn 属性ali?gn,用来设置标?题在页面中?的对其方式?：left(左对齐，默认)、cente?r（居中）、right?（右对齐） 属性n,用来指定标?题的大小，可以取1～6的整数，取1时字体?最大，取6时字体?最小 hn…/hn标记显示宋?体字