您好,欢迎访问三七文档
当前位置:首页 > IT计算机/网络 > CSS/Script > 网页设计代码大全
body/body段落标记background:网页背景图像p…/pbgcolor:网页背景颜色align:leftrightcentertext:字体颜色强制换行标记link:可链接文字的色彩br/bralink:被鼠标点中时可链接文字的颜色预排格式标记vlink:已经单击过的可链接文字的颜色pre/preleftmargin:页面左边距插入水平线标记topmargin:页面上边距hrwidth=“宽度”size=“厚度”标题格式标记align=“对齐方式”color=“颜色”Alink:被鼠标点中时可链接文字的颜色noshacle:除阴影Vlink:已经单击过的可链接文字的颜色文本缩标记Leftmargin:页面左边距blockquote…/blockquoteTopmargin:页面上边距列表标记标题格式标记1.无序hn标题/hn(范围(h1-h6))ultype=“加重符号类型”align:left(左)right(右)center(中)litype=“加重符号类型”列1bottom(底)top(顶)litype=“加重符号类型”列2文字格式标记………fontface=“字体”size=“字号”/ulcolor=“颜色”文字/fonttype:disc●circle○square■字形设置标记2.有序b字形/b粗u字形/u下划线oltype=“序号类型”stare=“起始号码”i字形/i斜big字形/big文字增大litype=“加重符号类型”列1strike字形/strike删除线litype=“加重符号类型”列2small字形/small文字减小………sup字形/sup上标sub字形sub下标/oltt字形/tt宽体em字形/em强调3.定义bink字形bink闪烁cite字形cite斜dldt条目1dd条目1的说明strong字形/strong特别强调………/dl文字滚动标记img的图像标记marquee文字滚动/marqueeimgbehavior(滚动方式):alternate(交替)sic:图片的路径scroll(往复)slide(一次)longdesc:详细说明bgcolor:背景颜色alt:替代说明direction(滚动方向):up(上)down(下)width和height:图片的宽和高left(左)right(右)border:图片外围边框的宽度height和width:滚动的区域hspace和vspace:水平和垂直方向空白loop:循环的次数值是-1align:leftrightcenterscrollamount:滚动的速度加快img的视频标记scrolldelay:滚动的速度延迟src:静态图像的路径hspace和vspace:滚动的水平垂直空间dynsrc:视频的路径表格标记loop:infinite或-1(反复播放)tablestart(设置何时播放视频文件):fileopen和mouseovercaption表格标题/caption→aligncontrols:加播放控制条tr→align和valignloopdelay:两次播放的间隔th表头1/thth表头2/th…背景音乐标记/trbgsoundtrsrc:音乐地址loop:次数(-1)td(width和nowrap)表项1/td…多媒体标记embed/embed/trsrc:多媒体的地址………height和width:播放的区域tablehidden:播放面板的显示和隐藏值true和falsesummary:简要说明bgcolor:表格的背景颜色autostart:是否自动播放(true和false)background:表格的背景图像border:表格线的粗细loop:是否循环(true和false)width和height表格的宽和高align:左、右、中超链接标记valign:顶、(middle)中、底bordercolor:表格线的颜色a…/anowrap:禁止表格单元格内的内容自动换行href:链接到的目标的地址rowspan=nn=1为一行单元格target:链接的目标窗口colspan=nn=1为一列的合并self(原)blank(新)parent(上)top(整)表单标记1.表单标记formformname=“form_name”method=“method”action=“url”enctype=“value”target=“target_win”……/formname:设置表单的名称method=处理程序从表单中获得信息的方式其取值为get和postaction:定义表单处理程序(asp、cgi等程序)的位置(相对位置或绝对位置)enctype:设置表单资料的编码方式target:设置返回信息的显示窗口2.输入标记inputinputname=“field_name”type=“type_name”name:设置输入区域的名称type:设置输入区域的类型(有10种)①文本域text(maxlength:文本域的最大输入字符size:文本域的宽度value:初始默认值)②密码域password(maxlength:密码域的最大输入字符size:密码域的宽度)③文件域file(inputtype=“file”)④复选框checkbox((checked)表示此项被默认选中value:选中项目后传送到服务器端的值)⑤单选框radio(同4)⑥普通按钮button(value值代表显示在按钮上的文字)⑦“提交”按钮submit(value=“button_text”)⑧“重设”按钮reset(value=“button_text”)⑨图像域image(src:设置图片的路径)⑩隐藏域hidden(inputtype=“hidden”)3.菜单和列表的标记select和optionselectname=“name”size=“value”multipleoptionvalue=“value”selected选项一optionvalue=“value”选项二………/selectsize:显示的选项数目(multiple:不用赋值就可以直接加入到标记中,就成多选了)optiop→value:用来给optiop指定的选项赋值这个值是要传送到服务器上的(selected):指定初始默认的选项4.文本框标记textareatextarea/textareaname:名称rows:设置文本框的行数cols:文本框的列数框架标记1.框架集标记framesetframesecols=“value,value,…”rows=“value,value,…”framespacing=“value”bordercolor=“color_value”……/framesetcols:左右分割窗口(用“,”分割)rows:上下分割(用“,”分割)framespacing:框架集的边框宽度bordercolor:框架集的边框颜色2.框架标记framesrc=“file_name”name=“frame_name”scrolling=“value”noresize…/framesrc:框架显示的文件路径name:框架的名称(用来供超文本链接标记)scrolling:滚动条是否显示值(yes,no,auto)3.不支持框架标记noframes………/noframescss1.css称为“层叠样式表”或“级联样式表”2.css的基本语法:html标记{标记属性:属性值;标记属性:属性值;…}列如:b,i,h1{color:red}3.css的实现方法(有三种)①在head内实现(叫内部样式表他写在html的head/head里面的)内部样式表要用style标记(styletype=“text/css”h1{color:red}/style)②在body内实现(叫内嵌样式他在body中实现,主要是在标记中引用,只对所在的标记中有效)③在文件外实现(叫外部样式表)linkhref=“style.css”rel=“stylesheet”4.三种css实现方法的比较样式的优先级依次是内嵌样式,内部样式表,外部样式表使用外部样式时相对于前两种有以下优点:②样式代码可以复用,一个外部css文件,可以被多个网页共用②便于修改,只需修改css文件,不用修改每个网页③提高了网页的显示速度
本文标题:网页设计代码大全
链接地址:https://www.777doc.com/doc-4322099 .html