HTML5代码大全

上传人：t*** IP属地：天津上传时间：2022-03-03 格式：DOCX 页数：13 大小：23.75KB 积分：18 举报 版权申诉

已阅读5页，还剩8页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、实用文档一、HTM/种命令的代码: 1、文本标签（命令）<pre></pre><h1></h1><h6></h6><b></b><i></i><tt></tt><cite></cite><em></em><strong></strong><font size=?></font><font color=?></font><img

2、src="name"><img src="name" align=?><img src="name" border=?><hr><hr size=?><hr width=?><hr noshade>创建预格式化文本创建最大的标题创建最小的标题创建黑体字创建斜体字创建打字机风格的字体创建一个引用，通常是斜体加重一个单词（通常是斜体加黑体）加重一个单词（通常是斜体加黑体）设置字体大小，从 1到7设置字体的颜色，使用名字或十六进制值 2、图形（命令）添加一个图像排

3、列对齐一个图像：左中右或上中下设置围绕一个图像的边框的大小加入一条水平线设置水平线的大小（高度）设置水平线的宽度（百分比或绝对像素点）创建一个没有阴影的水平线3、链接（命令）<a href="URL"></a><a href="mailto:EMAIL"></a><a name="NAME"></a><a href="#NAME"></a>创建一个超链接创建一个自动发送电子邮件的链接创建一个位于义档内部的靶位创建一个指向

4、位于义档内部靶位的链接4、格式排版（命令）<P><p align=?><br><blockquote></blockquote><dl></dl><dt><dd><ol></ol><li><ul></ul><li><div align=?>创建一个新的段落将段落按左、中、右对齐插入一个回车换行符从两边缩进文本创建一个定义列表放在每个定义术语词之前放在每个定义之前创建一个标有数字的列表放在每个数字列表项之前

5、，并加上一个数字创建一个标有圆点的列表放在每个圆点列表项之前，并加上一个圆点一个用来排版大块 HTML段落的标签，也用于格式化表二、HTM速本语法文件格式<html></html>（文件的开头与结尾）主题<title></title>（放在文件的开头）文头区段<head></head>（描述文件的信息）内文区段<body></body>（放此文件的内容）标题<h?></h>（?=16,改变标题字的大小）标题对齐 <h align=right,left,cente

6、r></h> 字力口大 <big></big>字变小 <small></small>粗体字<b></b> 斜体字<jx/i> 底线字<u></u> 上标字 <sup></sup> 下标字 <sub></sub> 居中 <center></center>居左 <left> </left>居右 <right> </right>基本字体大小<basef

7、ont size>（取值范围从1到7,默认值为3）改变字体大小 <font size=?></font>（?=1 -7）字体颜色 <font color=#rrggbb></font>（RGB 色码）指定字型<font face=?></font>（?= 宋体，楷体等）网址链结 <a href="URL"></a>设定锚点<a name="?"></a>（?以容易记为原则）链结到锚点<a href="#?&qu

8、ot;></a>（同一份文件）<a href="URL#?"></A>（锚点不同文件）显示图形 <img src="URL"></a>图形位置 <img src="URL" align=top,bottom,middle,left,right>（分别为上、下、中、左、右的位置）图形取代文字<img src="URL"alt=?>（无法显示图形时用）图形尺寸 <img src="URL" width=

9、? height=?>（? 以像素为单位）连结图形边线<img src="URL"border=?>（?以像素为单位）图形四周留白<img src="URL"hspace=? vspace=?>（?以像素为单位）段落 <p></p> 断行 <br></br> 横线<hr>横线厚度<hr size=?>（?以像素为单位）横线长度<hrwidth=?>（? 以像素为单位）横线长度<hrwidth=?%>（?与页宽相比较）实横线&l

10、t;hr noshade>（无立体效果）背景图案<body background=图形文件名 >（图形文件格式为gif和jpg）背景颜色 <body bgcolor=#rrggbb>（RGB 色码）背景文字颜色<body text=#rrggbb>（RGB 色码）未链结点颜色<body link=#rrggbb>（RGB 色码）已链结点颜色<body vlink=#rrggbb>（RGB 色码）正在链结点颜色<body alink=#rrggbb（RGB 色码）、具体在做html文件前，我们还有哪些需要做的:1、网

11、页图象一般有什么要求？受网络传输速度制约，图象要尽量小。一般每幅最大不要20K。图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适，因为里面包含许多色彩的缓和变化。不管是哪种，做好后都应压缩以给图片减肥，但不要压得太多而失真。压缩可用JPEG Optimizer 或Image Optimizer两种工具，若用photoshop5.5做的图象，保存时直接用Save For Web可进行压缩。另外， Gif格式可作成动画。2、选择图片的网络存储空间建议各位卖家们事先可以找一个稳定的空间来存放你的图片，以确保你的买家随时可以看到精美漂亮的商品。注意：不要把

12、图片存放在免费相册里，因为这些相册的路径一般都是虚拟的，每一次浏览的 URL都会改变，这对我们卖家来说是非常不好的。另外要注意的一点是：有一些买家反映看到的卖家商品的图片是小叉叉，这是因为一些卖家在用HTMLB贴图片的时候把自己电脑中C盘或者D盘（也就是本地路径）的图片的路径直接直接复制在命令中，这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉！所以卖家们在用 HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片！四、练习的例子：（红色字体部分即可修改成你自己的自定义）第一：用HTM曲插入一个图片，<img src="Key:第二：用HTM曲插入一个U

13、RL,<a href="http:点击我进入 </a>Key:点击我进入第三：插入url的同时，插入图片，点击图片就可以进入这个url ,如做一个插入网园淘艺坊的图片链接代码： <a href="src="Key:图片链接点击我进入第四：插入一段音乐高山流水： <embed src=" width="72"height="25"autostart="false"loop="1"align="absmiddle"controls

14、="smallconsole/playbutton/pausebutton/stopbutton"></embed>Key:音乐链接点击我进入1.结构性定义文件类型<HTML></HTML> （放在档案的开头与文件主题<TITLE></TITLE> （必须放在文头区块内）文头<HEAD></HEAD> （描述性资料，像是主题）文体<BODY></BODY> （文件本体）（由浏览器控制的显示风格）标题<H?></H?> （从1到6,有六层选

16、t;CODE></CODE> （显示原始码之用）样本 <SAMP></SAMP>键盘输入 <KBD></KBD>变数 <VAR></VAR>定义<DFN></DFN> （有些浏览器不提供）地址 <ADDRESS></ADDRESS>大字 <BIG></BIG>小字 <SMALL></SMALL>与外观相关的标签（作者自订的表现方式）力口粗 <B></B>斜体 <I></

17、I>底线<U></U> （尚有些浏览器不提供）删除线<S></S> （尚有些浏览器不提供）下标 <SUB></SUB>上标 <SUP></SUP>打字机体<TT></TT> （用单空格字型显示）预定格式<PRE></PRE> （保留文件中空格的大小）预定格式的宽度 <PRE WIDTH=?></PRE> （以字元计算）向中看齐<CENTER></CENTER> （文字与图片者B可以）闪耀<BL

18、INK></BLINK> （有史以来最被嘲弄的标签）字体大小 <FONT SIZE=?></FONT> （从 1 到7）改变字体大小 <FONT SIZE=+|-?></FONT>基本字体大小 <BASEFONT SIZE=?> （从1到7;内定为3）字体颜色 <FONT COLOR="#$"></FONT>4 .特殊字元（以下标签需用小写）特别符号&#?;（其中？代表ISO 8859-1 的编码）< < > > & & &q

20、称 <INPUT NAME="*”>栏位内定值 <INPUT value="*">已选定 <INPUT CHECKED> （适用於 checkboxes 与 radio boxes ）栏位宽度<INPUT SIZE=?> （以字元数为单位）最长字数<INPUT MAXLENGTH=?> （以字元数为单位）下拉式选单 <SELECT></SELECT>下拉式选单名称 <SELECT NAME="*”></SELECT>选单项目数量SELECT SIZ

21、E=?></SELECT>多选式选单<SELECT MULTIPLE> （多选）选项 <OPTION>内定选项 <OPTION SELECTED>文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA>输入区名称 <TEXTAREA NAME="*”></TEXTAREA>N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>6 .表格7 .0 定义表格 <TAB

22、LE></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 表格列 <

24、;TD ROWSPAN=?>N1.1储存格宽度 <TD WIDTH=?> （以pixels 为单位）N1.1储存格宽度比率 <TD WIDTH=%> （页宽为100%）3.0表格标题<TH></TH> （跟<TDl样，不过会对中并加粗）3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>文案大全3.0表格标题不换行 <TH NOWRAP>3.0表格标题占几栏 <TH COLSPAN=?>3.0表格标题占几列 <TH R

25、OWSPAN=?>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=,></

26、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 个别视框名称 &

28、ot;URL"></A>连结到锚点<A HREF="URL#*"></A> （如果锚点在另一个档案）<A HREF="#*"></A>（如果锚点目前的档案）连结到目的视框 <A HREF="URL" TARGET="*”></A>设定锚点 <A NAME="*"></A>图形 <IMG SRC="URL">图形看齐方式 <IMG SRC=&quo

30、ot;URL">N2.0 地图 <MAP NAME="*"></MAP> （描述地图）N2.0 段落 <AREA SHAPE="RECT" COORDS="," HREF="URL"|NOHREF>3.0 大小 <IMG SRC="URL"WIDTH="?" HEIGHT="?，（以 pixels 为单位）N1.0 图形边缘 <IMG SRC="URL" BORDER=?> （

31、以 pixels 为单位）N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> （以 pixels 为单位）N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL">N1.1用户端拉 <META HTTP-EQUIV="Refresh" C> （使用端自动更新）N2.0内嵌物件 <EMBED SRC="URL"> （将物件插入页面）N2.0 内嵌物件大小 <EMBED SRC=&qu

33、T|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>放在每一项

34、前）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=?>（定义这个

35、及其彳麦的列举项）定义式列举 <DL><DT><DD></DL> （ <DT项目，<DD>定义）表单式列举<MENU><LI></MENU>（ <LI>放在每一项前）目录式列举<DIR><LI></DIR> （<LI>放在每一项前）背景与颜色3.0 重复排列的背景 <BODY BACKGROUND="URL">N1.1+ 背景颜色 <BODY BGCOLOR="#$”> （依序为红

36、、绿、蓝）N1.1+ 文字颜色 <BODY TEXT="#$">N1.1+ 连结颜色 <BODY LINK="#$">N1.1+ 看过的连结 <BODY VLINK="#$">N1.1 使用中的连结 <BODY ALINK="#$">7.杂项说明<!-* -> （浏览器不会显示）<!-修改滚动条-><style type="text/css">body scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-high

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

HTML5代码大全

文档简介

温馨提示

最新文档

评论

HTML5代码大全

文档简介

温馨提示

最新文档

评论

相关文档