韩顺平J2EE视频教程第二版
《轻松搞定网页设计html+css+javascript》全42讲笔记
html的加强
语言字符集meta
meta的content属性可以指定网页内容的样式可以是text/html,text/xml等
charset指定显示的编码，默认为系统指定的字符集，也可以人为指定使用字符集。 如：charset=\即使用国标码显示，charset=\则使用utf-8来显示网页内容 [html015.html]meta浏览器显示样式和字符集示例
你好!!!
背景色彩和文字色彩
bgcolor--背景色彩text--非可链接文字的色彩 link--可链接文字的色彩
alink--正被点击的可链接文字的色彩
vlink--已经点击(访问)过的可链接文字的色彩
[html016.html]示例
你好!
[html017.html]示例
注：笔记中所有示例，均通过测试!
16 / 199
韩顺平J2EE视频教程第二版
《轻松搞定网页设计html+css+javascript》全42讲笔记
你好!
超链接target属性加强
标尺线
size属性控制标尺线的粗细； width控制标尺线的长短； align居左left居右right noshade标尺线是否有阴影 color标尺线的颜色
字体标记
...字体加下划线 ...居中显示 ...靠上显示 ...靠下显示 ...字体加删除线 ...
[html018.html]物理字体示例
注：笔记中所有示例，均通过测试!
17 / 199
韩顺平J2EE视频教程第二版
《轻松搞定网页设计html+css+javascript》全42讲笔记
字体加粗
斜体字
字体加下划线
居中显示
靠上显示
靠下显示
字体加删除线
字体加删除线
客户端字体(Font Face)
文字布局标记 行的控制 表示段落 文字的分区显示 ... align可表示left/center/right 图象标记 #=在浏览器尚示完全读入图象时，在图象位置显示的文字 会移动的文字 基本语法 direction移动属性left/right bihavior移动方式scroll循环/slide移动一次/alternate来回往返 loop循环次数，可以指定。不指定为循环不止。 scrollamount设置移动速度 scrolldelay延时移动 注：笔记中所有示例，均通过测试! scrollamount=# 18 / 199 韩顺平J2EE视频教程第二版 《轻松搞定网页设计html+css+javascript》全42讲笔记 多媒体页面 嵌入多媒体文本(EMBED) 基本语法 [html019.html]企业邮箱首页面示例(table布局)
换行
用户名：
19 / 199
注：笔记中所有示例，均通过测试!
韩顺平J2EE视频教程第二版
《轻松搞定网页设计html+css+javascript》全42讲笔记
DIV+CSS学习
div+css的介绍 div+css是什么
div元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。 css是英语Cascading Style Sheets(层叠样式表单)的缩写，它是一种用来表现HTML或XML等文件式样的计算机语言。
div+css是网站标准(或称“WEB标准”)中常用术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现和种定位。 我们可以简单的这样理解div+css:
div是用于存放内容(文字、图片、元素)的容器。
css是用于指定放在div中的内容如何显示，包括这些内容的位置和外观。 div+css的好处：
1、 html文件就会减少大量的table,tr,td,html变简单 2、 内容和样式分离 3、 符合搜索引擎的喜好 4、 节约带宽
使用IDE(Myeclipse)进行开发，好处是有提示 Myeclipse的web prject介绍
div+css的优势
1、 符合W3C标准。微软等公司均为W3C支持者。 2、 搜索引擎更加友好。
3、 样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。现在
YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均div+css的框架模式，更加印证了div+css的大势所趋。
4、 Css的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且
众所周知，搜索引擎喜欢清洁的代码。
5、 表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。
20 / 199
注：笔记中所有示例，均通过测试!