html静态网页技术小结

《html静态网页技术小结》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Html静态网页技术小结•Html入门■所有的html网贝都是有标签（W3C规定标准标签）■所有的称签使用称准：＜标准标签名称＞＜/标准标签名称〉，而标签不区分人小写■IE浏览器对html源代码足解释执行（在加载M页代码的吋候，浏览器碰到一行，就执行并敁示一行做设置的效果）■常见标签：标签名称使川方法Html在每个M页文件的第一行Head设置网页头部约束信息Title设置网页的标题信息Meta设置网页内容格式及字符编码＜metahttp-equiv=”Contet-Type”content=”text/html;char

2、set=utf-8”/〉charsetGbkGb2312Big5Utf-8Iso-8859-1Body正文A稗标签P段落标签Br换行标签Hr横线：＜hrcolor=”colorvalue”size=”4”width=”50%”align=”left/center/right’’/〉Hl-h6标题标签Pre预处理格式Img图片标签＜imgsrc=”imageurl/picname”width:’”’height:””alt=’”’align:””/〉A超链接标签：页面闽＜ahref=”url”〉链接文字内界＜/a〉页面内部

3、：＜anamdagnamfMft标记＜/a〉＜ahref=”#tag”〉链接文字内界＜/a＞marquee滚动标签：〈marqueescrolldelay=”100”direction=”up/down/left/right”onMouseOver=”this.stop()”onMouseOut=”this“start()”/〉align设置对其方式Bgcolor背景颜色.•rgb英文颜色值Background背景图片font设置指定字体标签〈fontcolor=’’colorname”size:’”，face:’”’s

4、tyle:””/〉•表格技术■表格主要规范化数据显示（行列格式严谨）■单元格合并■表格布局■表格基础笑化■涉及表格的相关标签标签名称使用方法Table表格幵始Caption衷格标题信息Th设置表头信息Thead设置表爻信息Tr行标签Td列标签Colspan列合并Rowspan行合并Border边线Bordercolor边线的颜色Width表格宽度Height表格高度Background表格背景Bgcolor表格背景颜色Align表格内界对其方式Cellspacing表格单元格与单元格的间距Cellpadding单元格内界

5、与表格的边线的间距•表单技术及框架布局■表单足川来收集客户通过M页填写的信息■表单常用标签标签名称使用方法form表单标签的开始，所有表单控件都必须包含4:该称签垠而

6、ly”/〉password密码框〈inputtype=’’password”namc=’’passwordname”value=’’defauhvalue”sizc=”!iA示字符长度”maxlength=”最人可输入的字符个数”readonly=”readonly”/〉Radio单选按钮〈inputtype=’’radio”name=’’sex”value:’’男”/〉男〈inputtype=’’radio”name=’’sex”value:’’女’7〉女checkbox选按钮〈inputtype=”checkbox”

7、name=”tech”value=’’htmr7〉html〈inputtype=’’checkbox”name=”tech”value=’’java’7〉java〈inputtype=”checkbox”name=”tech”value=”oracle”/〉oracleselect下拉列表框〈selectname=’’bir’’〉〈optionvalue=”l”〉l〈/option〉〈optionvalue=”l’’〉l〈/option〉textarea多行文木编辑框〈textareaname=’’t”

8、rows=”6”cols=’’80’’>〈/textarea〉reset重置按钮〈inputtype=”reset”value:”取酒’7〉submit提交按钮〈inputtype=”submit”value:’’确定’’/〉buttonfi定义按钮〈inputtype=”button”value=”测试”/>hid