网页制作标签大全.
网页设计标签

一、HTML元素的语义分类1.结构语义元素div 语义:Division(分隔)。
在文档中定义一块区域,即包含框,IE认为它是一个容器span 语义:Span(范围)。
在文本行中定义一个区域,即包含框ol 语义:Ordered List(排序列表)。
根据一定的排序进行列表ul 语义:Unordered List(不排序列表)。
没有排序的列表li 语义:List Item(列表项目)。
每条列表项dl 语义:Definition List(定义列表)。
以定义的方式进行列表dt 语义:Definition Term(定义术语)。
定义列表中的词条dd 语义:Definition Description(定义描述)。
对定义的词条进行解释del 语义:Deleted Text(删除的文本)。
定义删除的文本ins 语义:Inserted Text(插入的文本)。
定义插入的文本h1~.h6 语义:Header 1 to Header 6(标题1到标题6)。
定义不同级别的标题p 语义:Paragraph(段落)。
定义段落结构hr 语义:Horizontal Rule(水平尺)。
定义水平线2.内容语义元素a 语义:Anchor(定义锚)。
锚即定位的意思,换句话说就是超链接,即在多页间定位abbr 语义:Abbreviation(缩写词)。
定义缩写词acronym 语义:Acronym(取首字母的缩写词)。
定义取首字母的缩写词address 语义:Address(地址)。
定义地址dfn 语义:Defines a Definition Term(定义定义条目)kbd 语义:Keyboard Text(键盘文本)。
定义键盘键samp 语义:Sample(示例)。
定义样本var 语义:Variable(变量)。
定义变量tt 语义:Teletype Text(打印机文本)。
定义打印机字体code 语义:Code Text(源代码)。
一个完整的网站制作dedecms标签

1、网页头部标题Index页面标题<title> {dede:global.cfg_webname/} </title>子页页面标题<title> {dede:field.title/}_{dede:global.cfg_webname/} </title>2、导航栏‘首页’项href 的织梦标签<a href=" {dede:global.cfg_webnameurl/} /cms " > //cms 在后台系统设置里面找到3、面包屑导航代码:<span class="fr prp">当前位置:{dede:field name='position'/} </span>4、CSS 引用织梦内部相对路径<link href=" {dede:global.cfg_templets_skin/}/ css/common.css" rel="stylesheet" type="text/css" />其中{dede:global.cfg_templets_skin/}/为织梦定义的内部样式相对路径需添加在相应位置5、img 的相对路径<img src="{dede:global.cfg_templets_skin/}/images/img_banner1.png"alt="实验室搅拌器荣获国家三一产品" />其中dede:global.cfg_templets_skin/}/ 为织梦内部定义的网页中图片的相对路径需添加在每一个图片前面可以在dreamweaver 中用ctrl+ F 然后进行全部替换6、头部、底部制作成单独的页面时的引用语句{dede: include filename="head.html" /}当把页面头部、底部制作成单独的页面时可以把它们添加到别的网页相应位置已达到多次的调用7、导航栏的循环输出与最后一个项目的后面竖线的消除{dede:channel type='top' }<li [field:global name='autoindex' runphp='yes'] if (@me==6){ @me= 'class="lineNone" ';}else{@me='';}[/field:global]><a href="[field:typeurl/]" title="[field:typename/]">[field:typename/]</a>{/dede:channel}其中A{dede:channel type='top' }与{/dede:channel}成对出现用来表示导航条然后进行一次循环输出每一项其中需type = top 表示是顶级导航条B <a href="[field:typeurl/]" title="[field:typename/]">[field:typename/]</a>[field:typeurl/] 表示为每一项导航条索对应的链接位置[field:typename/] 表示为每一项导航条的名字C [field:global name='autoindex' runphp='yes'] if (@me==6){ @me='class="lineNone" ';}else{ @me ='';}[/field:global] 表示为导航条最后一项右边多出一个竖线进行判断然后引用CSS样式linenone 取消竖线8、首页中每一块的显示标签arclist{dede:arclist titlelen=42 row=5 typeid='13' }<!-- row=5 typeid='13'必须写说明调用的位置--> <li> <a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a><span class="fr">[[field:pubdate function="MyDate('m-d',@me)"/]] </span> </li>{/dede:arclist}typeid='13' 说明该块所属的导航栏属于哪一项必须填写9、关于客户案例最下面一条信息底部多出一条细线的解决办法代码:{dede:arclist typeid='5' row='2' titlelen = '10' infolen='20'}<li [field:global name='autoindex' runphp='yes']if(@me==2){@me=" class='borderNone'";}else{@me='';}[/field:global]> // 此处为解决多出的一条线的方法<a href="[field:arcurl/]" class="fl" title=""><img src="[field:litpic/]" width="116" height="80" alt="" /></a><p class="fr"> <strong><a href="[field:arcurl/]"> [field:title/]...</a></strong><br />[field:description function='cn_substr(@me,80)'/] // 解决内容的现实字数问题</p><div class="cl"></div></li>{/dede:arclist}10、文章详细页列表页下面的内容分篇效果代码:<div class="dede_pages"><ul class="pagelist">{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="2"/} </ul><div class="cl"></div></div>【织梦代码】{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="2"/}CSS样式:.dede_pages{text-align:center;}.dede_pages ul{float:left;padding:12px 0px 12px 16px;}.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;padding:2px 4px 2px;}.dede_pages ul li a{float:left;/*padding:2px 4px 2px;*/color:#555;display:block;}.dede_pages ul li a:hover{color:#690;text-decoration:none;/*padding:2px 4px 2px;*/}.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}.dede_pages .pageinfo{/*line-height:21px;padding:12px 10px 12px 16px;*/color:#999;}.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}11、文章详细页下面的分篇效果代码:<div class="pages"><p>{dede:prenext get='pre'/}</p> //上一页织梦专用代码<hr/><p>{dede:prenext get='next'/}</p> //下一页织梦专用代码</div>CSS样式代码:.pages { margin:20px 10px;}.pages p{ margin-left:0; font-size:14px;}12、文章列表效果代码:<div class="pagenewsList"><ul>{dede:list pagesize=4 } // pagesize=4 含义是一个页面上出现4条新闻如上所示<li><p><a href="[field:arcurl/]">[field:title/]</a><span class="fr">[[field:pubdate function="MyDate('Y-m-d',@me)"/]]</span></p>//[field:title/] 表示新闻内容span中包含的是新闻右端的时间</li>{/dede:list}</ul><div class="cl"></div></div>CSS样式:.pagenewsList ul li { line-height:30px; border-bottom:1px dotted #666; background:url(../images/icon_pageLeft.png) no-repeat left center; padding-left:18px;} //background 表示的是新闻左端的小图标li 的背景的形式出现.pagenewsList ul li p span{ padding-right:10px;}13、针对栏目“关于我们”是单页面进行如下设置:注意:单页页面高级选项里面只需设置封面模板即可单页里面的内容一般不会改动所以添加在栏目内容(源码)中然后在页面中相应位置调用用代码{dede:field.content/}即可14、建立“在线留言”栏目所需的表单A 登陆后台核心→频道模型→自定义表单→增加新的自定义表单→自定义表单名称→确定B 选中刚才建立的表单管理选框里面的更改添加新字段然后表单提示文字:/字段名称:/数据类型:/默认值: 依次填写最后确定这样建好一个字段仿照上面再次建立别的字段C 建好字段之后点击确定然后里面点击前台预览此时会生成一个页面D 页面生成后点击右上角发布信息会出现所建立的所有字段E 然后查看网页源代码找到整个表单的代码复制到相应的模板的表单位置即可15、网页底部的友情链接的更改把代码<ul><li><a href=" /">河南做网站</a></li><li><a href="/">郑州做网站</a></li> ......... 后面有若干个<li> 。
网页制作基本标签

网页制作基本标签基本结构标签:<HTML>,表示该文件为HTML文件<HEAD>,包含文件的标题,使用的脚本,样式定义等<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中</HEAD>,<HEAD>的结束标志<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.</BODY>,<BODY>的结束标志</HTML>,<HTML>的结束标志其它主要标签,以下所有标志用在<BODY></BODY>中:<A,HREF="…"></A>,链接标志,"…"为链接的文件地址<IMG,SRC="…">,显示图片标志,"…"为图片的地址<BR>,换行标志<P>,分段标志<B></B>,采用粗体字<I></I>,采用斜体字<HR>,水平画线<TABLE></TABLE>,定义表格,HTML中重要的标志<TR></TR>,定义表格的行,用在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,用在<TR></TR>中<FONT></FONT>,字体样式标志属性:属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色.引用属性的例子:<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色;<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色.常用属性:对齐属性,范围属性:ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.ALIGN=RIGHT,右对齐.色彩属性:COLOR=#RRGGBB,前景色,参考色彩对照表.BGCOLOR=#RRGGBB,背景色.<center>表示绝对居中.<table></table>表格标识的开始和结束.属性:cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图<tr></tr>表格中一个表格行的开始和结束;<td></td>表格中行内一个单元格的开始和结束属性:Colspan="",单元格跨越多列;Rowspan="",单元格跨越多行;Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="";Border="",边框宽度;Bgcolor="",背景色;Bordercolor="",边框颜色;Bordercolorlight="",边框明亮面的颜色;Bordercolordark="",边框暗淡面的颜色;Cellpadding="",内容与边框的距离(默认为2);Cellspacing="",单元格间的距离(默认为2);<br>强制换行<font></font>文本标识的开始和结束属性:face=字体color=颜色<b></b>加粗文字标识的开始和结束属性:style=font-size:40pt;,用样式表方式控制字体大小,这里是40点<div></div>,分区标识的开始和结束属性:align=|center|left|right|水平对齐方式<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动属性:scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒<P>段落标识,空格符,<img>贴图标识属性:src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2);filter:样式表滤镜;Alpha:透明滤镜,opacity:不透明度100(0~100);style:样式2(0~3),rules="none"不显示内框"<embed,src="…">多媒体文件标识属性:SRC="../../FILENAME",设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频.AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSELOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.STARTIME="分:秒",设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20VOLUME=0-100,设定音量的大小.如果没设定的话,就用系统的音量.WIDTH,HEIGHT,设定控制面板的大小,都设为0可隐藏播放器HIDDEN=TRUE,隐藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE,设定控制面板的样子,<bgsound,src="…">,背景音乐标识,只能用于.wav和.mp3格式.属性:LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.表单标签:<form></form>表格标识的开始和结束,表单的内容都放在这里.下边的标签放在表单内:<select>下拉选择框<option></option></select>属性:Multiple,多选<textarea></textarea>,大量文字输入的编辑块属性:Cols="",行;Rows="",列;<input type="text">,文本框<input type="password">,密码框<input type="submit">,提交按扭<input type="checkbox">,复选框<input type="radio">,单选框<input type="reset">,重置按扭<input type="image">,图片按扭<input type="hidden">,隐藏域<input type="button">,按扭<input type="file">,浏览文件公共属性:Name="";Value=""Size=""框架标签:<FRAMESET>...</FRAMESET>,定义框架.<FRAME>,放在框架标签内,定义每个框架的内容. 属性:Cols=""Rows=""Frameborder=""Framespacing=""src=""Scrolling="",滚动条(No,Yes);Noresize,框加大小不可变;Marginhight="",高度空余空间;Marginwidth="",宽度空余空间;Target="",目标框架.其他标签:<bgsound>,背景音乐;Src=""Loop="",循环次数;<embed>,媒体播放块;Src=""Loop="",循环次数;<marquee></marquee>,滚动部分;属性:Bgcolor=""Behavior,设置或获取文本如何在字幕中滚动.Direction="",滚动方向;Height=""Width=""Loop="",环次数;scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.scrollDelay="",设置或获取字幕滚动的速度.scrollHeight="",获取对象的滚动高度;scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.<!--...-->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示.--基本标签:<html></html>,创建一个HTML文档;<head></head>,设置文档标题和其它在网页中不显示的信息;<title></title>,设置文档的标题;<h1></h1>,最大的标题;<pre></pre>,预先格式化文本;<u></u>,下划线<b></b>,黑体字;<i></i>,斜体字;<tt></tt>,打字机风格的字体;<cite></cite>,引用,通常是斜体;<em></em>,强调文本(通常是斜体加黑体);<strong></strong>,加重文本(通常是斜体加黑体);<font,size="",color=""></font>,设置字体大小从1到7,颜色使用名字或RGB的十六进制值;<BASEFONT></BASEFONT>,基准字体标记;<big></big>,字体加大;<SMALL></SMALL>,字体缩小;<STRIKE></STRIKE>,加删除线;<CODE></CODE>,程式码;<KBD></KBD>,键盘字;<SAMP></SAMP>,范例;<VAR></VAR>,变量;<BLOCKQUOTE></BLOCKQUOTE>,向右缩排;<DFN></DFN>,述语定义;<ADDRESS></ADDRESS>,地址标记;<sup></SUP>,上标字;<SUB></SUB>,下标字;<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号);<listing>...</listing>,固定宽度小字体;<font,color=00ff00>...</font>字体颜色;<font,size=1>...</font>最小字体;<font,style,='font-size:100,px'>...</font>无限增大.格式标签:<p></p>,创建一个段落;<p,align="">,将段落按左、中、右对齐;<br>,换行,插入一个回车换行符;<blockquote></blockquote>,从两边缩进文本;<dl></dl>,列表标签,定义列表;<dt>,定义列表标题;<dd>,定义列表内容;例:<dl><dt>标题1</dt><dd>内容11</dd><dd>内容12</dd><dt>标题2</dt><dd>内容21</dd><dd>内容22</dd></dl><ol></ol>,列表标签,定义一个标有数字的列表;<ul></ul>,列表标签,定义一个标有圆点的列表;<li>,放在每个列表项之前;放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点;<div,align=""></div>,分区标签,用来排版大块HTML段落,也用于格式化表;<MENU>,选项清单;<DIR>,目录清单;<nobr></nobr>,强行不换行;<hr size='9',width='80%',color='ff0000'>水平线(设定宽度);<center></center>,水平居中.链接标签:<a href="URL"></a>,创建超文本链接;<a href="mailtEMAIL"></a>,创建自动发送电子邮件的链接;<a name="name"></a>,创建位于文档内部的书签;<a href="#name"></a>,创建指向位于文档内部书签的链接;<BASE>,文档中不能被该站点辨识的其它所有链接源的URL;<LINK>,定义一个链接和源之间的相互关系;链接标签注解:target="...",决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top);rel="...",发送链接的类型;rev="...",保存链接的类型;accesskey="...",指定该元素的热键;shape="...",允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly);coord="...",使用像素或者长度百分比来定义形状的尺寸;tabindex="...",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点).表格标签:<table></table>,创建一个表格;<tr></tr>,表格中的每一行;<td></td>,表格中一行中的每一个格子;<th></th>,设置表格头:通常是黑体居中文字;<table cellspacing="">,设置表格格子之间空间的大小;<table border="">,设置边框的宽度;<table cellpadding="">,设置表格格子边框与其内部内容之间空间的大小;<table width="">,设置表格的宽度.用绝对像素值或总宽度的百分比;<table align="">,设置表格格子的水平对齐方式(left,center,right,justify);<tr align="">,设置表格格子的水平对齐方式(left,center,right,justify);<tr valign="">,设置表格格子的垂直对齐方式(baseline,bottom,middle,top);<td colspan="">,设置一个表格格子跨占的列数(缺省值为1);<td rowspan="">,设置一个表格格子跨占的行数(缺省值为1);<td nowrap>,禁止表格格子内的内容自动断行;<CAPTION></CAPTION>,表格的标题;<COLGROUP></COLGROUP>,定义多个列为一组列;<TABLE></TABLE>,创建一个表格;<THEAD></THEAD>,定义表格的页眉;<COL>,定义一个列组中的列,以便对它们能够同时设置有关属性;<TBODY></TBODY>,定义一个表格的实体;<TFOOT></TFOOT>,定义一个表格的页脚;表单标签:<form></form>,创建表单;action="...",接收数据的服务器的URL;method="...",HTTP的方法(get,,post),其中get是被反对使用的;enctype="...",指定MIME(Internet媒体类型);onsubmit="...",当提交表单时发生的内部事件;noreset="...",在重新设置表单时发生的内部事件;target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)<select multiple name="name" size=""></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目;<option>,设置每个表单项的内容;<select name="name"></select>,创建下拉菜单;<textarea name="name" cols=40 rows=8></textarea>,创建一个文本框区域,列的数目设置宽度,行的数目设置高度;<input type="checkbox",name="name">,创建一个复选框,文字在标签后面;<input type="radio",name="name",value="">,创建一个单选框,文字在标志后面;<input type=text,name="foo",size=20>,创建一个单行文本输入区域,size设置以字符串的宽度;<input type="submit",value="name">,创建提交(submit)按钮;<input type="image",border=0,name="name",src="name.gif">,创建一个使用图象的提交(submit)按钮;<input type="reset">,创建重置(reset)按钮;<BUTTON></BUTTON>,创建一个按钮;disabled="...",把按钮的状态设置为不能;name="...",按钮的控制名,value="...",按钮的值;type="...",按钮的类型(button,,submit,,reset);<FIELDSET></FIELDSET>,把相互关联的控件组合成一组;<ISINDEX>,提示用户输入;<LABEL></LABEL>,为一个控件提供标签;<LEGEND></LEGEND>,为FIELDSET元素指定一标题;<SELECT></SELECT>,为用户做选择创建各个选项;<TEXTAREA></TEXTAREA>,创建一个允许用户多行输入的区域.表单标签注解:type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,but ton);name="...",控件的控制名(要求是除了submit和reset之外的任何名字);value="...",控件的初始值;checked="...",把一个单选钮设置为选中的状态;disabled="...",把控件的状态设置为不能使用;readonly="...",只对输入密码的文本框使用;size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目;src="...",一个图像控件的URL;maxlength="...",指定可以输入的最多的字符数目;alt="...",另外一种文本描述;usemap="...",到客户端图形镜像的URL;align="...",被反对.控制对齐方式(left,,center,,right,,justify);tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序;onfocus="...",当元素获得焦点时发生的事件;onblur="...",当元素失去焦点时发生的事件;onselect="...",当元素被选中时发生的事件;onchang="...",当元素状态被改变时发生的事件;accept="...",允许上载的文件类型.帧标签(框架标签):<frameset></frameset>,放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中;<frameset rows="value,value">,定义一个帧内的行数,可用像素值或高度百分比;<frameset cols="value,value">,定义一个帧内的列数,可用像素值或宽度百分比;<frame>,定义一个帧内的单一窗或窗区域;<noframes></noframes>,定义在不支持帧的浏览器中显示什么提示;<frame src="URL">,规定帧内显示的HTML文档;<frame name="name">,命名帧或区域以便别的帧可以指向它;<frame marginwidth="">,定义帧左右边缘的空白大小,必须大于等于1;<frame marginheight="">,定义帧上下边缘的空白大小,必须大于等于1;<frame scrolling="">,设置帧是否有滚动栏,其值可以是"yes","no",或"auto";<frame noresize>,禁止用户调整一个帧的大小;<IFRAME></IFRAME>,创建一个内联的帧;scr="...",定义在帧中显示的内容的来源;frameborder="...",定义帧之间的边界(0或1);align="...",被反对,控制对齐方式(left,,center,,right,,justify);height="...",帧的高度,width="..."帧的宽度;<marquee>...</marquee>,普通卷动;<marquee behavior=slide>...</marquee>,滑动;<marquee behavior=scroll>...</marquee>,预设卷动;<marquee behavior=alternate>...</marquee>,来回卷动;<marquee direction=down>...</marquee>,向下卷动;<marquee direction=up>...</marquee>,向上卷动;<marquee direction=right></marquee>,向右卷动;实用标准文档<marquee direction='left'></marquee>,向左卷动;<marquee loop=2>...</marquee>,卷动次数;<marquee width=180>...</marquee>,设定宽度;<marquee height=30>...</marquee>,设定高度;<marquee bgcolor=FF0000>...</marquee>,设定背景颜色;<marquee scrollamount=30>...</marquee>,设定卷动距离;<marquee scrolldelay=300>...</marquee>,设定卷动时间;<img src="">,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框".文档整体属性标签:<body bgcolor="">,设置背景颜色.使用名字或RGB的十六进制值;<body background="">,设置背景图片;<body bgsound="">,设置背景音乐;<body bgproperties="fixed">,固定背景图片(IE适用);<body text="">,设置文本颜色.使用名字或RGB的十六进制值;<body link="">,设置链接颜色.使用名,字或RGB的十六进制值;<body vlink="">,设置已使用的链接的颜色.使用名字或RGB的十六进制值;<body alink="">,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值;<body topmargin="">,设置页面的上边距;<body leftmargin="">,设置页面的左边距.文案大全。
网页设计标签

STF STF STF DTD STF STF STF STF TF DTD STF STF TF STF STF DTD STF STF STF STF STF STF STF STF DTD STF TF STF STF
<big> <strong> <small> <sup> <sub> <bdo> <u> 标签 <pre> <code> <tt> <kbd> <var> <dfn> <samp> <xmp> 标签 <acronym> <abbr> <address> <blockquote> <center> <q> <cite> <ins> <del> <s> <strike> 标签
STF STF STF STF STF STF TF DTD STF STF STF STF STF STF STF
DTD STF STF STF STF TF STF STF STF STF TF TF DTD
<a> <link> 标签 <frame> <frameset> <noframes> <iframe> 标签 <form> <input> <textarea> <button> <select> <optgroup> <option> <label> <fieldset> <legend> <isindex> 标签 <ul> <ol> <li> <dir> <dl> <dt> <dd> <menu> 标签
网页设计常用的标签

Body attributes
文 档 整 体 属 性
<body bgcolor=?> Sets the background color,
using name or hex value 设 置 背 景 颜 色, 使 用 名 字 或 十 六 进 制 值
<body text=?> Sets the text color, using
<cite></cite> Creates a citation, usually
italic 创 建 一 个 引 用, 通 常 是 斜 体
<em></em> Emphasizes a word (with italic
or bold) 加 重 一 个 单 词( 通 常 是 斜 体 加 黑 体)
stylesheets 一 个 用 来 排 版 大 块HTML 段 落 的 标 签, 也 用 于 格 式 化 表
Graphical elements
图 形 元 素
<img src="name"> Adds an image 添 加 一 个 图 像
<img src="name" align=?> Aligns an image: left, right,
<a href="#NAME"></a> Links to that target location
from elsewhere in the document 创 建 一 个 指 向 位 于 文 档 内 部 靶 位 的 链 接
Formatting
网页设计标签

文字排版☞<p>:段落标记1)align属性:对齐。
取值left、center、right☞<br>:强制换行标记☞<hx>:x=1~6,六级标题字体标记1)align属性:同上。
☞<pre>:预排版标记☞<center>:居中标记☞<font>:文字标记1)color属性:文字颜色2)size属性:文字大小3)face属性:文字类型滚动字幕效果☞<marquee>标记1)bgcolor属性:设置滚动字幕背景色【bgcolor=#n】2)direction属性:设置滚动方向。
【取值left/right/up/down 】3)behavior属性:设置滚动方式。
【取值scroll/slide/alternate】4)width属性:设置滚动字幕的宽度【n】5)height属性:设置滚动字幕的高度【n】6)hspace属性:设置水平边距【n】7)vspace属性:设置垂直边距【n】8)scrollamount属性:设置滚动速度。
【一般值为3左右,默认6】9)scrolldelay属性:设置滚动延时。
【默认为0,单位毫秒】10)loop属性:设置滚动次数。
【取值-1为无限循环】11)onmouseover:设置鼠标经过停止滚动,【取值stop()】12)onmouseout:设置鼠标离开开始滚动,【取值start()】☞各参数的含义1)align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
2)bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
3)direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
4)behavior="scroll":表示由一端滚动到另一端;5)behavior="slide":表示由一端快速滑动到另一端,且不再重复;6)behavior=“alternate”表示在两端之间来回滚动。
html标签及属性大全(网页制作必备)

html标签及属性⼤全(⽹页制作必备)总类(所有html⽂件都有的)--------------------------------------------------------------------------------⽂件类型 <html></html> (放在档案的开头与结尾)⽂件主题 <title></title> (必须放在「⽂头」区块内)⽂头 <head></head> (描述性资料,像是「主题」)⽂体 <body></body> (⽂件本体)结构性定义(由浏览器控制的显⽰风格)--------------------------------------------------------------------------------标题 <h?></h?> (?表⽰从1到6,有六层选择)数值越⾼字越⼩标题对齐 <h? align=left|center|right></h?> 左对齐、居中对齐、右对齐区分 <div></div>区分对齐 <div align=left|right|center|justify></div> 左对齐、右对齐、居中对齐、两端对齐引⽂区块 <blockquote></blockquote> (通常会内缩)斜体 <em></em>加粗 <strong></strong>引⽂ <cite></cite> (通常会以斜体显⽰)码 <code></code> (显⽰原始码之⽤)样本 </samp>表⽰⼀段⽤户应该对其没有什么其他解释的⽂本。
网页标记大全

段落标记<P>段落标记的对齐属性ALIGN换行标记<BR>不换行标记<NOBR>在<NOBR>标记中强制换行标记<WBR>预格式化标记<PRE>居中标记<CENTER>缩排标记<BLOCKQUOTE>水平线标记<HR>插入水平线<HR>水平线宽度属性WIDTH水平线高度属性SIZE水平线去掉阴影属性NOSHADE水平线颜色属性COLOR水平线排列属性ALIGN忽视html标签标记<PLAINTEXT>忽视html标签标记<XMP>在文字上方标注说明标记<RT>、<RUBY>缩写文本<abbr>首字母缩略词<acronym>指定文字书写方向<bdo>短引用<q>引用文本<cite>定义条款<dfn>文件类型 <HTML></HTML> (放在档案的开头与结尾)文件主题 <TITLE></TITLE> (必须放在「文头」区块内)文头 <HEAD></HEAD> (描述性资料,像是「主题」)文体 <BODY></BODY> (文件本体)------------------------------------------------------------结构性定义(由浏览器控制的显示风格)标题 <H?></H?> (从1到6,有六层选择)3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>3.0 区分 <DIV></DIV> 当要在许多段落中设置不同的对齐方式时常使用3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)强调 <EM></EM> (通常会以斜体显示)特别强调 <STRONG></STRONG> (通常会以加粗显示)引文 <CITE></CITE> (通常会以斜体显示)码 <CODE></CODE> (显示原始码之用)样本 <SAMP></SAMP>键盘输入 <KBD></KBD>变数 <VAR></VAR>定义 <DFN></DFN> (有些浏览器不提供)地址 <ADDRESS></ADDRESS>3.0 大字 <BIG></BIG>3.0 小字 <SMALL></SMALL>------------------------------------------------------------与外观相关的标签加粗 <B></B>斜体 <I></I>3.0 底线 <U></U> (尚有些浏览器不提供)3.0 删除线 <S></S> (尚有些浏览器不提供)3.0 下标 <SUB></SUB>3.0 上标 <SUP></SUP>打字机体 <TT></TT> (用单空格字型显示)预定格式 <PRE></PRE> (保留文件中空格的大小)预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算)N1.0+ 向中看齐 <CENTER></CENTER> (文字与图片都可以)N1.0 闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签)N1.0 字体大小 <FONT SIZE=?></FONT>(从1到7)N1.0 改变字体大小 <FONT SIZE=+|-?></FONT>N1.0 基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3)N2.0 字体颜色 <FONT COLOR="#$$$$$$"></FONT>--------------------------------------------------------------------------------连结与图形连结 <A HREF="URL"></A>连结到锚点 <A HREF="URL#***"></A>(如果锚点在另一个档案)<A HREF="#***"></A> (如果锚点目前的档案)N2.0 连结到目的视框 <A HREF="URL" TARGET="***"></A>设定锚点 <A ></A>图形 <IMG SRC="URL">图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>N1.0 图形看齐方式 <IMG SRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>取代文字 <IMG SRC="URL" ALT="***"> (如果没有办法显示图形则显示此文字)点选图 <IMG SRC="URL" ISMAP> (需要CGI程式)N2.0 点选图 <IMG SRC="URL" USEMAP="URL">N2.0 地图 <MAP ></MAP>(描述地图)N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">(以pixels为单位)N1.0 图形边缘 <IMG SRC="URL" BORDER=?> (以pixels为单位)N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> (以pixels为单位)N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL">N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自动更新)N2.0 内嵌物件 <EMBED SRC="URL"> (将物件插入页面)N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">--------------------------------------------------------------------------------分隔段落 <P> (通常是两个return)3.0 段落 <P></P> (新定义成容器型标签)3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P>换行 <BR> (一个return)N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时)横线 <HR>N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER>N1.0 横线厚度 <HR SIZE=?> (以pixels为单位)N1.0 横线宽度 <HR WIDTH=?> (以pixels为单位)N1.0 横线比率宽度 <HR WIDTH=%> (以页宽为100%)N1.0 实线 <HR NOSHADE> (没有立体效果)N1.0 不可换行 <NOBR></NOBR> (不换行)N1.0 可换行处 <WBR> (如果需要,可在此断行)--------------------------------------------------------------------------------列举(可以巢状列举)无次序式列举 <UL><LI></UL> (<LI> 放在每一项前)N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项)<LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其後的列举项)有次序式列举 <OL><LI></OL> (<LI> 放在每一项前)N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项)<LI TYPE=A|a|I|i|1> (定义这个及其後的列举项)N1.0 起始数字 <OL value=?> (定义全部的列举项)<LI value=?> (定义这个及其後的列举项)定义式列举 <DL><DT><DD></DL>(<DT>项目, <DD>定义)表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前)目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前)--------------------------------------------------------------------------------背景与颜色3.0 重复排列的背景 <BODY BACKGROUND="URL">N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> (依序为红、绿、蓝)N1.1+ 文字颜色 <BODY TEXT="#$$$$$$">N1.1+ 连结颜色 <BODY LINK="#$$$$$$">N1.1+ 看过的连结 <BODY VLINK="#$$$$$$">N1.1 使用中的连结 <BODY ALINK="#$$$$$$">--------------------------------------------------------------------------------特殊字元(以下标签需用小写)特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)< < > > & & " "注册商标TM ?N1.0+ 注册商标TM ?著作权符号 ?N1.0+ 著作权符号 ?--------------------------------------------------------------------------------表单(通常需要与CGI程式配合)定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM>N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM>输入栏位 <INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">栏位名称 <INPUT >栏位内定值 <INPUT value="***">已选定 <INPUT CHECKED> (适用於checkboxes与 radio boxes)栏位宽度 <INPUT SIZE=?> (以字元数为单位)最长字数 <INPUT MAXLENGTH=?> (以字元数为单位)下拉式选单 <select></select>下拉式选单名称 <select ></select>选单项目数量 <select SIZE=?></select>多选式选单 <select MULTIPLE> (多选)选项 <OPTION>内定选项 <OPTION selectED>文字输入区 <TEXTAREA ROWS=? COLS=?></textarea>输入区名称 <TEXTAREA ></textarea>N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></textarea>--------------------------------------------------------------------------------表格3.0 定义表格 <TABLE></TABLE>3.0 表格框线 <TABLE BORDER></TABLE> (有或没有)N1.1 表格框线 <TABLE BORDER=?></TABLE>(可以设定数值)N1.1 储存格左右留白 <TABLE CELLSPACING=?>N1.1 储存格上下留白 <TABLE CELLPADDING=?>N1.1 表格宽度 <TABLE WIDTH=?> (以pixels为单位)N1.1 宽度比率 <TABLE WIDTH=%> (页宽为100%)3.0 表格列 <TR></TR>3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 储存格 <TD></TD> (须与列并用)3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 不换行 <TD NOWRAP>N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$>3.0 储存格横向连接 <TD COLSPAN=?>3.0 储存格纵向连接 <TD ROWSPAN=?>N1.1 储存格宽度 <TD WIDTH=?> (以pixels为单位)N1.1 储存格宽度比率 <TD WIDTH=%> (页宽为100%)3.0 表格标题 <TH></TH> (跟<TD>一样,不过会对中并加粗)3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 表格标题不换行 <TH NOWRAP>3.0 表格标题占几栏 <TH COLSPAN=?>3.0 表格标题占几列 <TH ROWSPAN=?>N1.1 表格标题宽度 <TH WIDTH=?> (以pixels为单位)N1.1 表格标题比率宽度<TH WIDTH=%> (页宽为100%)3.0 表格抬头 <CAPTION></CAPTION>3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下)--------------------------------------------------------------------------------视框(定义与控制萤幕上的特定区域)N2.0 视框格式总定义 <FRAMESET></FRAMESET> (取代<BODY>)N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %)N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相对大小)N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %)N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> (* =相对大小)N2.0 定义个别视框 <FRAME> (定义个别视框)N2.0 个别视框内容 <FRAME SRC="URL">N2.0 个别视框名称 <FRAME |_blank|_self|_parent|_top>N2.0 边缘宽度 <FRAME MARGINWIDTH=?> (「左」与「右」边界)N2.0 边缘高度 <FRAME MARGINHEIGHT=?> (「天顶」与「地底」边界)N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO">N2.0 不可改变大小 <FRAME NORESIZE>N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>(如果浏览器不提供视框功能的话)--------------------------------------------------------------------------------杂项说明(浏览器不会显示)档案型态声明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">3.0 档案型态声明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">可搜寻 <ISINDEX> (指示可搜寻的索引项)N1.0 提示 <ISINDEX PROMPT="***"> (要求输入的提示文字)送出搜寻条件 <A HREF="URL?***"></a> (其中的问号不是数字,而是「问号」)基本档案的URL <BASE HREF="URL"> (必须放在「文头」区段内)N2.0 基本视窗名称 <BASE TARGET="***"> (必须放在「文头」区段内)相关性 <LINK REV="***" REL="***" HREF="URL"> (必须放在「文头」区段内)背景资讯 <META> (必须放在「文头」区段内)<table>,<div>,<tr>,<td>,<hr>,<br>一般用这几个标记来进行分块。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
<!> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=’left’></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定滚动速度<marquee scrolldelay=300>...</marquee>设定卷动时间<marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调) (同上效果略同)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =’font-size:100 px’>...</font>无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址target=’_blank’></a>外部连结(另开新视窗) <a href=位址target=’_top’></a>外部连结(全视窗连结) <a href=位址target=’页框名’></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址width=’180’>设定图片宽度<img src=图片位址height=’30’>设定图片高度<img src=图片位址alt=’提示文字’>设定图片提示文字<img src=图片位址’border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字) <table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性:cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。
例:cols="30,*,50%"可以切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。
rows就是横向切割,将窗口上下分开,数值设置同上。
以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。
frameborder 设置框架的边框,其值有0不要边框,1要边框。
border 设置框架边框厚度framespacing 表示框架与框架间保留空白的距离frame 元素(单标签)语法格式:<frame name="" src="url" scrolling="yes/no" noresize>属性:name 框架名称,指定框架来做连接的目标窗口。
src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。
scrolling 是否显示滚动条,yes/no,auto是自动。
noresize 设置不让使用者改变这个框架的大小,noframe元素指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息语法格式:<noframe>......</noframe>表单<form></form>语法格式:<form action="url" method="get/post">....<input type=submit><input type=reset></form>method有两种提交方式get,postaction 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@" 这样此表单所填的资料将会发送到这个邮箱地址。