最新Html静态网页技术小结.doc

《最新Html静态网页技术小结.doc》由会员分享，可在线阅读，更多相关《最新Html静态网页技术小结.doc（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精品资料Html静态网页技术小结.Html静态网页技术小结l Html入门n 所有的html网页都是有标签（W3C规定标准标签）n 所有的标签使用标准： ，而标签不区分大小写n IE浏览器对html源代码是解释执行（在加载网页代码的时候，浏览器碰到一行，就执行并显示一行做设置的效果）n 常见标签：标签名称使用方法Html在每个网页文件的第一行Head设置网页头部约束信息Title设置网页的标题信息Meta设置网页内容格式及字符编码charsetGbkGb2312Big5Utf-8Iso-8859-1Body正文内容标签P段落标签Br换行标签Hr横线：H1-h6标题标签Pre预处理格式Img图片

2、标签A超链接标签：页面间链接文字内容页面内部：锚标记 链接文字内容marquee滚动标签：align设置对其方式Bgcolor背景颜色：rgb 英文颜色值Background 背景图片font设置指定字体标签l 表格技术n 表格主要规范化数据显示（行列格式严谨）n 单元格合并n 表格布局n 表格基础美化n 涉及表格的相关标签标签名称使用方法Table表格开始Caption表格标题信息Th设置表头信息Thead设置表头信息Tr行标签Td列标签Colspan列合并Rowspan行合并Border边线Bordercolor边线的颜色Width表格宽度Height表格高度Background表格背景B

3、gcolor表格背景颜色Align表格内容对其方式Cellspacing表格单元格与单元格的间距Cellpadding单元格内容与表格的边线的间距l 表单技术及框架布局n 表单是用来收集客户通过网页填写的信息n 表单常用标签标签名称使用方法form表单标签的开始，所有表单控件都必须包含在该标签里面text单行文本框password密码框Radio单选按钮男女checkbox复选按钮htmljavaoracleselect下拉列表框 1 1textarea多行文本编辑框.reset重置按钮submit提交按钮button自定义按钮hidden隐藏表单控件案例：用户姓名：用户密码：最终的传值效果：l Css样式表及div层布局n Css用来辅助修饰美化网页效果n 常见的css样式u 内嵌样式（仅仅修饰当前页面内容效果）style type=”text/css” 样式规则1 样式规则nu 行内样式(仅仅修饰指定的一个元素效果)u 外部样式(可以通过一个专门独立的css样式文件，可以修饰引用了改css的所有网页效果)第一步：专门定义css文件：若干个样式规则第二部：需要安装上述规则修饰的网页需要用如下代码引用： Or Import “css/workit.css”;n 常见的样式：查阅专门的css官方（浏览器适应）帮助文档