html结构:
<标记>
内容
<标记>
标记属性:
<标记 属性=属性值 属性1=属性值1>内容<标记>
在网页编写的时候尽量使用小写
<-注释内容->
利用tab给代码缩进
使用实体名称来代替符号。
html基本结构:
文档标记,网页的开始和结束
文件头标记,网页的标题,关键字标记body的常见属性有 bgcolor,text,link,vlink,alink
提供页面的元信息,针对SOE的属性,必须的属性是Content
例如 ,必须放在head元素内。
文档标记
br 强制换行
p 换段落
center 居中对齐
pre 预格式化
li 列表项目
ul 无序列表
ol 有序列表,可嵌套,可设置type值
dl,dt,dd 定义型列表
hr 水平分割标记
div 分区显示标记,用来编排大段落和格式化表。
文本标记
h1-h6,六个级别的标题格式
font 字体设置标记,三个属性,size,color,face
b,字体加粗
i,斜体字
sub 上标文字
sup 下标文字
tt 打印机字体标记
cite 引用方式,斜体
em 强调,通常显示为斜体
small 可以多个嵌套,会显示多级变小。
big 多级变大
u 下划线字体标记
图像标记
img 图像标记,src 制定图片路径,名称,格式。width 宽,hight高,border边框宽度,alt,加载完成后显示指定的文字,没有下载或者加载失败,文字代替图像显示,搜索引擎通过文字抓取图片。
超链接
href,链接网页视频图片。#aaa,锚链接。
target,blank新窗口打开,seif(默认)在本窗口打开,parent,父窗口打开(多框架),top顶层窗口打开(框架中用)
name指定页面锚链接。
表格标记
- table,表格标记
- caption,标题标记,位于table后,tr之前
- th表头标记,位于首行或者首列
- td是数据标记,标示单元格内的具体数据。
- td和th都是单元格标记,必须嵌套tr内
- th文字默认会被加粗,td不会
border,表哥边框宽度
align 表格显示位置left center right
cellspacing,单元格之间的间距
cellpadding,单元格内容与单元格边框的显示距离
frame,控制表格最外层的四条边线。void无边框,above只有上面有,below底部有,hsides顶部和底部有,lhs左侧有,rhs右侧有,vsides左右侧有,box包含全部边框,border包含全部边框
rules控制单元格之间的分割线,no表示无分割线,all所有分割,rows只有行,clos只有列,groups行列之间有。
tr标记,bgcolor,align bottom top middle,valign center left right
HTML框架
把浏览器分割开,同窗多页面。
frameset,cols平分数量,rows上下分数量,例如rows="30%,70%"
src 指定加载页面
name 框架名称,链接标记target的所需要参数
noresize表示不能调整框架大小,没有设置表示可以调整
scrolling,是否需要滚动条,auto,yes,no
frameborder,是否需要边框,1显示,0不显示。
表单设计
form 表单标记,定义表单开始位置和结束位置
基本格式form action="service address(表单内容接受地址) " name= method="post|get"
method传送数据的方式,分为post和get,
- post方式提交,表单中的数据一并包含在表单的主体种,一起传送到服务器种处理,没有数据大小限制。
- get提交,表单的内容附加在url地址后面,限制提交的长度不能超过8192个字符,不具备保密性。
action 表单处理程序的url地址,如果为空,则使用当前文档的url地址,如果表单中不需要使用action属性,也要制定其属性为"no"
enctype设置表单的资料的编码方式
target和超链接的属性类似,用来制定目标窗口。
按钮:inputtype= submit提交,reset充值 button 普通
radio单选
chekebox复选
单选和复选可以用cheked默认选择好的项目
input type=hidden 隐藏表单域
多行文本域,textarea,cols=? rows=?
菜单下拉select ,option value=value selected
CSS样式的方法
内链式样式表
嵌入式样式表
style type="text/css">