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

资源ID：33838687 资源大小：444KB 全文页数：7页
资源格式： DOC 下载积分：15金币

快捷下载

会员登录下载

微信登录下载

三方登录下载：

微信扫一扫登录

下载资源需要15金币

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

友情提示

1、下载资料失败解决办法

2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。

3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。

4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。

网站客服

侵权投诉

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

精品资料Html静态网页技术小结.Html静态网页技术小结l Html入门n 所有的html网页都是有标签（W3C规定标准标签）n 所有的标签使用标准：<标准标签名称> </标准标签名称>，而标签不区分大小写n IE浏览器对html源代码是解释执行（在加载网页代码的时候，浏览器碰到一行，就执行并显示一行做设置的效果）n 常见标签：标签名称使用方法Html在每个网页文件的第一行Head设置网页头部约束信息Title设置网页的标题信息Meta设置网页内容格式及字符编码<meta http-equiv=”Contet-Type” content=”text/html;charset=utf-8”/>charsetGbkGb2312Big5Utf-8Iso-8859-1Body正文内容标签P段落标签Br换行标签Hr横线：<hr color=”colorvalue” size=”4” width=”50%” align=”left/center/right”/>H1-h6标题标签Pre预处理格式Img图片标签<img src=”imageurl/picname” width=” height=” alt=” align=”/>A超链接标签：页面间<a href=”url”>链接文字内容</a>页面内部：<a name=”tagname”>锚标记</a> <a href=”#tag”>链接文字内容</a>marquee滚动标签：<marquee scrolldelay=”100” direction=”up/down/left/right” onMouseOver=”this.stop()” onMouseOut=”this.start()”/>align设置对其方式Bgcolor背景颜色：rgb 英文颜色值Background 背景图片font设置指定字体标签<font color=”colorname” size=” face=” style=”/>l 表格技术n 表格主要规范化数据显示（行列格式严谨）n 单元格合并n 表格布局n 表格基础美化n 涉及表格的相关标签标签名称使用方法Table表格开始Caption表格标题信息Th设置表头信息Thead设置表头信息Tr行标签Td列标签Colspan列合并Rowspan行合并Border边线Bordercolor边线的颜色Width表格宽度Height表格高度Background表格背景Bgcolor表格背景颜色Align表格内容对其方式Cellspacing表格单元格与单元格的间距Cellpadding单元格内容与表格的边线的间距l 表单技术及框架布局n 表单是用来收集客户通过网页填写的信息n 表单常用标签标签名称使用方法form表单标签的开始，所有表单控件都必须包含在该标签里面<form action= method=”post/get”/>text单行文本框<input type=”text” name=”username” value=”defaultvalue” size=”显示字符长度” maxlength=”最大可输入的字符个数” readonly=”readonly”/>password密码框<input type=”password” name=”passwordname” value=”defaultvalue” size=”显示字符长度” maxlength=”最大可输入的字符个数” readonly=”readonly”/>Radio单选按钮<input type=”radio” name=”sex” value=”男”/>男<input type=”radio” name=”sex” value=”女”/>女checkbox复选按钮<input type=”checkbox” name=”tech” value=”html”/>html<input type=”checkbox” name=”tech” value=”java”/>java<input type=”checkbox” name=”tech” value=”oracle”/>oracleselect下拉列表框<select name=”bir”> <option value=”1”>1</option> <option value=”1”>1</option></select>textarea多行文本编辑框<textarea name=”t” rows=”6” cols=”80”>.</textarea>reset重置按钮<input type=”reset” value=”取消”/>submit提交按钮<input type=”submit” value=”确定”/>button自定义按钮<input type=”button” value=”测试”/>hidden隐藏表单控件<input type="hidden" name="tech" value="javaee"/>案例：<form action="" method="get">用户姓名：<input type="text" name="username"/><br/>用户密码：<input type="password" name="password"/><br/><input type="hidden" name="tech" value="javaee"/><input type="submit" value="提交"/></form>最终的传值效果：l Css样式表及div层布局n Css用来辅助修饰美化网页效果n 常见的css样式u 内嵌样式（仅仅修饰当前页面内容效果）<head><style type=”text/css” 样式规则1 样式规则n</style></head>u 行内样式(仅仅修饰指定的一个元素效果)< style=”样式规则1 样式规则n”/>u 外部样式(可以通过一个专门独立的css样式文件，可以修饰引用了改css的所有网页效果)第一步：专门定义css文件：若干个样式规则第二部：需要安装上述规则修饰的网页需要用如下代码引用：<head> <link href=”css/workit.css” rel=”stylesheet” type=”text/css”/>Or<style type=”text/css”> Import “css/workit.css”;</style></head>n 常见的样式：查阅专门的css官方（浏览器适应）帮助文档

注意事项

本文（最新Html静态网页技术小结.doc）为本站会员（1595****071）主动上传，淘文阁 - 分享文档赚钱的网站仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。若此文所含内容侵犯了您的版权或隐私，请立即通知淘文阁 - 分享文档赚钱的网站（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。