网页的基本结构概要.doc

网页的基本结构 html headtitletitle/headbody/body/html 文本标签 标题标签 h1/h1……..h6/h6 段落标签p align=’center,left,right’font color,face,size字体标签/font/p 换行标签br/ 水平线标签hr size=’20px’color=’red’width=’100%’/ (lt;) (gt;) 图片标签 img src=”图片路径” alt=’图片提示信息’ height,width,align=’文本与图片的对齐方式’/ 滚动标签 marquee direction=’up’/marquee 超链接a href=’连接到页面的地址’ target=’blank’(在新的选项卡打开)/a 锚点连接：进行页面定位 a href=’#名称’/a 定义锚点 a name=’’/a 排列网页内容 无序列表ul type=’项目符号’li/li/ul 有序列表ol type=’a’li/li/ol 定义列表：用于产品的解释 用于图文混合的布局 dldt标题/dtdd/dd/dl 表格标签table border=’1’width=’500px’,height=’300’,bgcolor=’red’ background=”背景颜色” cellspacing=”单元格间距”cellpadding=’单元格与内容的间距（填充）’tr align=’center,left,rigth’td colspan=’3’跨列/tdtd rowspan=’1’跨行/td/tr/table DIV标签（层标签）div/div span行内标签/span作为文本容器 传递网页数据 表单的使用form name method actioninupt type=”text” name//form Get与post的区别：post不会显示用户的密码并且提交数据的长度没有限制 常见的表单元素：文本框input type=”text”name=”username” / 密码框input type=”password” 单选按钮 input type=”radio” value=”男” name=”sex” 复选框input type=”checkbox” value=”篮球” checked=”checked”/ 文件域 input type=”file” name/ 下拉列表select name=”” size（显示的行数）=”3” option value=”湖北省”selected=”selected”湖北省/option /select 多行文本域： 自我介绍textarea name cols=’列’rows=”行”/textarea 提交按钮 input type=”submit” value=按钮显示的值” name/ 重置按钮 input type=”reset”value=”重置” name/ 框架组合网页 框架结构介绍 框架集使用：没有body部分 frameset cols/rows(页面按行割)=”25%,50%,*” bordercolor=”red”border=”5”frame src//frameset 行列混合的页面 frameset rows=”25,*” frame src=”top.html”/ frameset cols=”25%,*”frame/ /frameset /frameset 内嵌框架 iframe src=””name=””frameborder=”1”scrolling=”auto”width=”700px”hei