网页设计代码大全
background:网页背景图像
段落标记
„
bgcolor :网页背景颜色 text:字体颜色
link :可链接文字的色彩
alink :被鼠标点中时可链接文字的颜色 vlink :已经单击过的可链接文字的颜色 leftmargin :页面左边距 topmargin :页面上边距 标题格式标记
Alink :被鼠标点中时可链接文字的颜色 Vlink :已经单击过的可链接文字的颜色 Leftmargin :页面左边距
Topmargin :页面上边距 标题格式标记
标题 (范围(h1-h6)) align :left(左) right(右) center(中) bottom(底) top(顶)
文字格式标记 文字 字形设置标记
字形 粗 字形 下划线 字形 斜 字形文字增大 字形 删除线 字形 文字减小
字形 上标 字形下标 字形 宽体 字形 强调 字形 闪烁 字形斜 字形 特别强调
align:left right center
强制换行标记
预排格式标记
插入水平线标记
noshacle :除阴影 >
文本缩标记
„
列表标记 1. 无序
- 列1
-
列2
„„„
type:disc● circle○ square■
2. 有序
- 列1
-
列2
„„„
3. 定义
- 条目1
-
条目1的说明
„„„
文字滚动标记
文字滚动 behavior(滚动方式):alternate(交替) scroll(往复) slide(一次) bgcolor :背景颜色
direction(滚动方向):up(上) down(下) left(左) right(右) height 和width:滚动的区域 loop :循环的次数 值是-1 scrollamount:滚动的速度加快 scrolldelay:滚动的速度延迟
hspace 和vspace:滚动的水平垂直空间 表格标记
的图像标记
sic :图片的路径 longdesc :详细说明
alt :替代说明
width 和height :图片的宽和高 border :图片外围边框的宽度
hspace 和vspace :水平和垂直方向空白
align :left right center
的视频标记 src :静态图像的路径 dynsrc :视频的路径
loop :infinite 或-1(反复播放)
start(设置何时播放视频文件) :fileopen 和mouseover
controls:加播放控制条 loopdelay:两次播放的间隔
背景音乐标记
src:音乐地址 loop:次数(-1) 多媒体标记
src :多媒体的地址
height 和width :播放的区域
hidden :播放面板的显示和隐藏 值true 和false
autostart :是否自动播放(true和false)
loop:是否循环(true和false)
超链接标记 „
href:链接到的目标的地址 target:链接的目标窗口
self(原) blank(新) parent(上) top(整)
→align →align 和valign„ „ „„„
表头1 | 表头2 |
---|---|
(width和nowrap) 表项1 |
summary:简要说明 bgcolor:表格的背景颜色 background:表格的背景图像 border:表格线的粗细 width 和height 表格的宽和高 align:左、右、中
valign:顶、(middle)中、底 bordercolor:表格线的颜色 nowrap :禁止表格单元格内的内容自动换行 rowspan=n n=1 为一行 单元格 colspan=n n=1 为一列 的合并
1. 表单标记
name :设置表单的名称 method=处理程序从表单中获得信息的方式其取值为get 和post action :定义表单处理程序(asp 、cgi 等程序)的位置(相对位置或绝对位置) enctype :设置表单资料的编码方式 target:设置返回信息的显示窗口 2. 输入标记
name:设置输入区域的名称
type :设置输入区域的类型(有10种)
①文本域text (maxlength:文本域的最大输入字符 size:文本域的宽度 value:初始默认值) ②密码域password(maxlength:密码域的最大输入字符 size:密码域的宽度) ③文件域file (input type=“file ”)
④复选框checkbox((checked )表示此项被默认选中 value:选中项目后传送到服务器端的值) ⑤单选框radio(同4)
⑥普通按钮button(value值代表显示在按钮上的文字) ⑦“提交”按钮submit(value=“button_text”) ⑧“重设”按钮reset (value=“button_text”) ⑨图像域image(src:设置图片的路径) ⑩隐藏域hidden (input type=“hidden ”) 3. 菜单和列表的标记和
选项一选项二„„„
size:显示的选项数目 (multiple :不用赋值就可以直接加入到标记中,就成多选了) →value:用来给指定的选项赋值这个值是要传送到服务器上的 (selected ):指定初始默认的选项 4. 文本框标记
name :名称 rows:设置文本框的行数 cols:文本框的列数
1. 框架集标记 src :框架显示的文件路径 name:框架的名称(用来供超文本链接标记) scrolling :滚动条是否显示 值(yes , no , auto) 3. 不支持框架标记
„„„
css
1.css 称为“层叠样式表”或“级联样式表”
2.css 的基本语法:html 标记{标记属性:属性值;标记属性:属性值;„} 列如:b,i,h1{color:red} 3.css 的实现方法(有三种)
①在head 内实现(叫内部样式表他写在html 的里面的) 内部样式表要用style 标记()
②在body 内实现(叫内嵌样式他在body 中实现,主要是在标记中引用,只对所在的标记中有效)
③在文件外实现(叫外部样式表)
4. 三种css 实现方法的比较
样式的优先级依次是内嵌样式,内部样式表,外部样式表 使用外部样式时相对于前两种有以下优点:
② 样式代码可以复用,一个外部css 文件,可以被多个网页共用 ②便于修改,只需修改css 文件,不用修改每个网页 ③提高了网页的显示速度