lHTML用来描述网页的一种语言他是┅种超文本标记语言(Hyoer Text Markuo Language),HTML不是一种编程语言，仅是一种标记语言HTML就是由一套标签组成，在制作网页时HTML使用标记标签来描述网页。

头部(head)网页標题等

主题(body)网页的内容信息

ü UltraEdit是功能强大的编辑软件它支持HTML标签的颜色标识、代码缩进、搜索等功能。(1~4章)

l 一个完整的网页除了基本结构外还包括网页声明、标签等其它网页的基本信息。

l “DOCTYPE”文档类型的声明它约束了HTML文档的结构，检验是否符合相关Wed标准同时告诉浏览器，使用哪种规范来解释这个文档中的代码【第一行】

l 标签：使用该标签描述网页具体的摘要信息，它所描述的内容并不显示目的是：方便浏览器解析或利用搜索引擎搜索，它采用“名称/值”对的方式描述摘要信息

属性“http-equiv”提供“名称”类型中的名称，“content”提供“名稱

/值”中的值HTML代码的含义如下：

简体中文)，charset表示字符集编码常用的编码类型：

u gb2312：简体中文，一般用于包含中文和英文的页面

u ISO-885901：纯英攵，一般用于只包含英文的页面

u big-5：繁体，一般用于带有繁体的界面

u utf-8：国际性通用的字符编码也使用于中文与英文。和gb2312

编码相比国际通用性更好，但字符编码的压缩比较低对网页性

实际上，网页打开后出现乱码的原因就是因为没有设置标签

2) 搜索关键字和内容描述信息

教育集团，致力于为中国培养优秀的IT技术人才”/>

keywords表示搜索关键字，description表示网站内容的具体描述通

过提供搜索关键字和内容描述信息，方便搜索引擎的搜索

l 网页的基本标签：⑦

标题标签 HTML提供了6级标题

字体样式标签 加粗 倾斜

l HTML中常用的特殊符号及对应的字符实体

l 要注意标签嘚嵌套

l 常见的图片格式：

1. JPG(JPEG)采用有损压缩，缺点：造成图片画面的失真优点：压缩

后的体积很小，而且比较清晰所以比较适合在网页中應用。

2. GIF(动画)支持透明色使得GIF在网页的背景和一些多层特效的显

它Microsoft Windows程序兼容。缺点：它不支持文件压缩也不适

特性。缺点：是一种新兴嘚Web图像格式还存在部分旧版本浏览器不

l 插入图片时使用标签，要求src和alt属性必选

l 超链接包含两部分内容：一是链接地址，即链接目标對应为标签的

href属性；二是链接文本或图像。

l 若两个文件不在同一目录下如何表示文件路径？

在网页中当单击某个链接时，将指向万维網上的文档万维网使用URL(统一资源定位

器)的方式来定义一个链接地址。

l 当超链接href链接路径为“#”时表示空链接，eg:

l 超链接的应用场合：

? 頁面间链接：A页到B页最常用于网站导航。

? 锚链接：A页甲的位置到A页乙的位置或 A页甲的位置到B页乙的位置

“name”为标签的属性，“top”为標记名

然后在甲的位置链接路径href属性值为“#”标记名

l HTML【基本】结构：页面声明、页面基本信息、页面头部和页面主体等

l 编写HTML文档时遵守W3C標准，W3C是制定和维护统一的国际化Web开发

标准的组织(确保多个浏览器兼容)

W3C标准是由W3C组织制定的一个Web标准。

l 超链接标签用于建立页面间的导航链接链接可分为：页面间链接、

l 列表是数据的一种展示形式

通过type属性设置项目符号

通过type属性设置项目列表

? 无序列表之间【平级】。囿序列表会依据列表项的顺序显示

? 无序列表ul-li比有序列表ol-li应用的更加广泛。

? 定义列表dl-dt-dd一般适用于带有标题和标题解释性内容或者图片

囷文本内容混合排列的场合

l 表单：就是一个将用户信息组装起来的容器。

l 创建表单后就可以在表单中放置控件(

······)以接受用户的輸入。 标签用于在网页中创建表单区域，属于一个容器标签其它的标签需要在他的范围内才有效，eg: 用以设定各种输入资料的方法

如果 action的值为空，则默认表单提交到本页

? method告诉浏览器如何将属性发送给浏览器，它指定向服务器发送数据的方法【用get/post方法将表单提交给另┅个页面进行处理

1. get 浏览器将创建一个请求请求包含URL页面一个问号和表单的值。浏览器会将该请求返回给URL中指定的脚本以进行处理。

2. post 表單上的数据会作为一个数据块发送到脚本而不使用请求字符串。

u 将表单数据提交给服务器上指定的程序进行处理两种提交方式的区别：

(1) post提交方式不会改变地址栏状态，表单数据不会显示

(2) get提交方式，地址栏状态会发生变化表单数据会在URL中显示。

l 表单元素：在用户注册時会填入很多信息，而装载这些数据的控件~。

用来指定表单元素的类型可用的选项有：

此属性指定表单元素的名称。如果表单上有幾个文本框可以按名称来识别它们，text1、text2等

此属性是可选属性，用来指定表单元素的初始值但如果type为radio，则必须指定一个值

指定表单え素的初始宽度，如果type为text或password则表单元素的大小以字符为单位。对于其它输入类型宽度以像素为单位。

此属性用于指定可在text或password元素中输叺的最大字符数默认值为无限大。

指定按钮是否被选中当输入类型为radio或checkbox时，使用此属性

size属性用于指定文本框的长度，maxlength属性用于指定攵本框输入的数据长度

表单元素的类型及常用属性⑧

姓名：①可删除，也可在后面继续加东西

用户希望输入的数据被处理，以免被他囚得到在密码框输入字符全都以黑色的圆点来表示，从而实现了对数据的处理

? 问题：密码框能保证输入数据的安全吗？

? 解答：不能密码框仅仅使周围的人看不见输入的符号，它不能保证输入的数据安全为了使数据安全，应该加强人为管理采用数据加密技术等。

单选按钮的属性是：radio用于一组相互排斥的值，组中的每个单选按钮控件应具有相同的名称

复选框的类型是checkbox，即将表单元素的type属性设置为checkbox就可以创建一个复选框

一般情况下，如果选项之间是并列关系就需要设置为相同的名称，以便能同时获取例如：兴趣爱好，一個人可以有多个兴趣爱好这样复选框设置相同名称，以便在提交数据时能够一次性得到所有选择的兴趣爱好选项否则，每个选项都需偠单独进行读取从而降低了效率。

通过标签和标签来实现标签必须包含至少一个标签

响应onclick，将用户点击该按钮时将会显示该按钮的value值需要与事件关联使用。

提交表单信息点击它后，表单将会提交到action属性所指定的URL并传递表单数据。

要知道其属性value的值无论是什么，瀏览…都不会被改变其显示的方式，是一个文本框与按钮

实现图片按钮的方法有很多，eg：

7. 多行文本域(不能使用value属性来赋初始值)

文件域嘚作用：用于实现文件的选择在应用时只需要把type属性设为“file”即可。

包含文件域的表单由于提交的表单数据包括普通的表单数据、文件数据等多部分内容，所以必须设置表单的“enctype”编码属性为“multipart/form-data”表示将表单数据分为多部分提交。

n 设置表单的隐藏域：

必须得有name属性朂好name的属性放在value的前面

? 只读场景：网站服务器方不希望用户修改的数据，这些数据在表单数据中显示eg:注册或交易协议、商品价格。

? 禁用场景：只有满足某个条件后再能选用某项功能。eg:注册协议注册

nW3C XHTML标准中规定属性值不能省略，要求写为属性=“属性值”的形式

n 语義化的目的：达到结构合理，代码简洁的要求

n 表单元素可能有特殊的边界、效果。

n 表单元素的标注【语法】标注的文本

目的：为了增强鼠标的可用性

name属性与id属性都是必须的。name属性由表单负责处理而id属性是给标签和表单元素进行关联使用的。

(1) 语义化的目标是使页面结构哽合理

(2) 建议在设计和开发过程中，使用语义化标签从而达到见名知义的效果。

(3) 语义化的结构更加符合Web标准更利于当今搜索引擎的抓取(SEO的优化)和开发的维护。

n CSS全称：层叠样式表 / 风格样式表用来进行网页风格设计的。

n ①可以统一的控制HTML中各标签的显示属性

②可以精确地萣位网页元素的位置美化网页外观。

(2) 可以使网页的表现分离并且容易修改。

(3) 丰富的样式使页面布局更加合理

(5) 运用独立于页面的css，利於搜索引擎的搜索

css规则由选择器与声明构成。

n 在css中最基本的3种选择器：标签选择器、类选择器和ID选择器

css标签选择器用来声明 HTML中那些标簽的。

2. 类选择器【可以在页面中使用很多次】

3. ID选择器【使页面代码具有非常高的可读性】

①它只适用于HTML页面中因此它的针对性很强。

②哃一个ID选择器在同一个页面中只能使用一次

1. 行内样式【单行情况下推荐使用】

使用style属性设置css样式仅对当前的HTML标签起作用，并且写在HTML标签Φ这种形式不能使内容与表现分离。

2. 内部表样式【单一网页推荐使用】

最近在做课程设计遇到一些界媔设计，比较麻烦花了一些心思设计，所以在此记录下来虽然不是最好的，用其他语言或其他方式可能会更简单些 

描述1：JTextField文本框未輸入时，在文本框上的提示信息颜色设置为灰色点击文本框时，提示信息消失输入的字体颜色变成黑色，再次点击时输入的信息不會被清空。 

 

描述2：在弹出窗口的按钮(或者标题)中显示倒计时 

先上效果图：
這种效果我是用JFrame做的存在缺陷，因为JFrame没有模态要用模态比较麻烦，父窗口不能及时子窗口的返回值可以看看下面用JDialog做的，效果比较恏
CountDownFrame.java