HTML5代码大全

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

一、HTML各种命令的代码:1、文本标签(命令)pre/pre创建预格式化文本h1/h1创建最大的标题h6/h6创建最小的标题b/b创建黑体字i/i创建斜体字tt/tt创建打字机风格的字体cite/cite创建一个引用,通常是斜体em/em加重一个单词(通常是斜体加黑体)strong/strong加重一个单词(通常是斜体加黑体)fontsize=?/font设置字体大小,从1到7fontcolor=?/font设置字体的颜色,使用名字或十六进制值2、图形(命令)imgsrc=name添加一个图像imgsrc=namealign=?排列对齐一个图像:左中右或上中下imgsrc=nameborder=?设置围绕一个图像的边框的大小hr加入一条水平线hrsize=?设置水平线的大小(高度)hrwidth=?设置水平线的宽度(百分比或绝对像素点)hrnoshade创建一个没有阴影的水平线3、链接(命令)ahref=URL/a创建一个超链接ahref=mailto:EMAIL/a创建一个自动发送电子邮件的链接aname=NAME/a创建一个位于文档内部的靶位ahref=#NAME/a创建一个指向位于文档内部靶位的链接4、格式排版(命令)p创建一个新的段落palign=?将段落按左、中、右对齐br插入一个回车换行符blockquote/blockquote从两边缩进文本dl/dl创建一个定义列表dt放在每个定义术语词之前dd放在每个定义之前ol/ol创建一个标有数字的列表li放在每个数字列表项之前,并加上一个数字ul/ul创建一个标有圆点的列表li放在每个圆点列表项之前,并加上一个圆点divalign=?一个用来排版大块HTML段落的标签,也用于格式化表二、HTML基本语法文件格式html/html(文件的开头与结尾)主题title/title(放在文件的开头)文头区段head/head(描述文件的信息)内文区段body/body(放此文件的内容)标题h?/h(?=1~6,改变标题字的大小)标题对齐halign=right,left,center/h字加大big/big字变小small/small粗体字b/b斜体字i/i底线字u/u上标字sup/sup下标字sub/sub居中center/center居左left/left居右right/right基本字体大小basefontsize(取值范围从1到7,默认值为3)改变字体大小fontsize=?/font(?=1~7)字体颜色fontcolor=#rrggbb/font(RGB色码)指定字型fontface=?/font(?=宋体,楷体等)网址链结ahref=URL/a设定锚点aname=?/a(?以容易记为原则)链结到锚点ahref=#?/a(同一份文件)ahref=URL#?/A(锚点不同文件)显示图形imgsrc=URL/a图形位置imgsrc=URLalign=top,bottom,middle,left,right(分别为上、下、中、左、右的位置)图形取代文字imgsrc=URLalt=?(无法显示图形时用)图形尺寸imgsrc=URLwidth=?height=?(?以像素为单位)连结图形边线imgsrc=URLborder=?(?以像素为单位)图形四周留白imgsrc=URLhspace=?vspace=?(?以像素为单位)段落p/p断行br/br横线hr横线厚度hrsize=?(?以像素为单位)横线长度hrwidth=?(?以像素为单位)横线长度hrwidth=?%(?与页宽相比较)实横线hrnoshade(无立体效果)背景图案bodybackground=图形文件名(图形文件格式为gif和jpg)背景颜色bodybgcolor=#rrggbb(RGB色码)背景文字颜色bodytext=#rrggbb(RGB色码)未链结点颜色bodylink=#rrggbb(RGB色码)已链结点颜色bodyvlink=#rrggbb(RGB色码)正在链结点颜色bodyalink=#rrggbb(RGB色码)三、具体在做html文件前,我们还有哪些需要做的:1、网页图象一般有什么要求?受网络传输速度制约,图象要尽量小。一般每幅最大不要20K。图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适,因为里面包含许多色彩的缓和变化。不管是哪种,做好后都应压缩以给图片减肥,但不要压得太多而失真。压缩可用JPEGOptimizer或ImageOptimizer两种工具,若用photoshop5.5做的图象,保存时直接用SaveForWeb可进行压缩。另外,Gif格式可作成动画。2、选择图片的网络存储空间建议各位卖家们事先可以找一个稳定的空间来存放你的图片,以确保你的买家随时可以看到精美漂亮的商品。注意:不要把图片存放在免费相册里,因为这些相册的路径一般都是虚拟的,每一次浏览的URL都会改变,这对我们卖家来说是非常不好的。另外要注意的一点是:有一些买家反映看到的卖家商品的图片是小叉叉,这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中,这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉!所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片!四、练习的例子:(红色字体部分即可修改成你自己的自定义)第一:用HTML来插入一个图片,imgsrc=:第二:用HTML来插入一个URL,ahref=点击我进入/aKey:点击我进入第三:插入url的同时,插入图片,点击图片就可以进入这个url,如做一个插入网园淘艺坊的图片链接代码:ahref==:图片链接点击我进入第四:插入一段音乐高山流水:embedsrc==72height=25autostart=falseloop=1align=absmiddlecontrols=smallconsole/playbutton/pausebutton/stopbutton/embedKey:音乐链接点击我进入1.结构性定义文件类型HTML/HTML(放在档案的开头与文件主题TITLE/TITLE(必须放在「文头」区块内)文头HEAD/HEAD(描述性资料,像是「主题」)文体BODY/BODY(文件本体)(由浏览器控制的显示风格)标题H?/H?(从1到6,有六层选择)标题的对齐H?ALIGN=LEFT|CENTER|RIGHT/H?区分DIV/DIV区分的对齐DIVALIGN=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大字BIG/BIG小字SMALL/SMALL与外观相关的标签(作者自订的表现方式)加粗B/B斜体I/I底线U/U(尚有些浏览器不提供)删除线S/S(尚有些浏览器不提供)下标SUB/SUB上标SUP/SUP打字机体TT/TT(用单空格字型显示)预定格式PRE/PRE(保留文件中空格的大小)预定格式的宽度PREWIDTH=?/PRE(以字元计算)向中看齐CENTER/CENTER(文字与图片都可以)闪耀BLINK/BLINK(有史以来最被嘲弄的标签)字体大小FONTSIZE=?/FONT(从1到7)改变字体大小FONTSIZE=+|-?/FONT基本字体大小BASEFONTSIZE=?(从1到7;内定为3)字体颜色FONTCOLOR=#$$$$$$/FONT4.特殊字元(以下标签需用小写)特别符号&#?;(其中?代表ISO8859-1的编码)&&注册商标TM?N1.0+注册商标TM?著作权符号?N1.0+著作权符号?5.表单(通常需要与CGI程式配合)定义表单FORMACTION=URLMETHOD=GET|POST/FORMN2.0上传档案FORMENCTYPE=multipart/form-data/FORM输入栏位INPUTTYPE=TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET栏位名称INPUTNAME=***栏位内定值INPUTvalue=***已选定INPUTCHECKED(适用於checkboxes与radioboxes)栏位宽度INPUTSIZE=?(以字元数为单位)最长字数INPUTMAXLENGTH=?(以字元数为单位)下拉式选单SELECT/SELECT下拉式选单名称SELECTNAME=***/SELECT选单项目数量SELECTSIZE=?/SELECT多选式选单SELECTMULTIPLE(多选)选项OPTION内定选项OPTIONSELECTED文字输入区TEXTAREAROWS=?COLS=?/TEXTAREA输入区名称TEXTAREANAME=***/TEXTAREAN2.0输入区换行方式TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL/TEXTAREA6.表格3.0定义表格TABLE/TABLE3.0表格框线TABLEBORDER/TABLE(有或没有)N1.1表格框线TABLEBORDER=?/TABLE(可以设定数值)N1.1储存格左右留白TABLECELLSPACING=?N1.1储存格上下留白TABLECELLPADDING=?N1.1表格宽度TABLEWIDTH=?(以pixels为单位)N1.1宽度比率TABLEWIDTH=%(页宽为100%)3.0表格列TR/TR3.0表格列内容看齐TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM3.0储存格TD/TD(须与列并用)3.0储存格内容看齐TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM3.0不换行TDNOWRAPN3.0储存格背景颜色TDBGCOLOR=#$$$$

1 / 11
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功