简单实用的HTML代码 |
感谢易趣朋友的支持，本篇可以用于网上店铺和物品页面可插入HTML的任何一个地方。如淘宝网，易贝网，买麦网等。 一、HTML各种命令的代码： 1、文本标签(命令) <pre></pre> 创建预格式化文本 <h1></h1> 创建最大的标题 <h6></h6> 创建最小的标题 <b></b> 创建黑体字 <i></i> 创建斜体字 <tt></tt> 创建打字机风格的字体 <cite></cite> 创建一个引用,通常是斜体 <em></em> 加重一个单词（通常是斜体加黑体） <strong></strong> 加重一个单词（通常是斜体加黑体） <font size=?></font> 设置字体大小，从 1 到 7 <font color=?></font> 设置字体的颜,使用名字或十六进制值 2、图形(命令) <img src="name"> 添加一个图像 <img src="name" align=?> 排列对齐一个图像:左中右或上中下 <img src="name" border=?> 设置围绕一个图像的边框的大小 <hr> 加入一条水平线 <hr size=?> 设置水平线的大小（高度） <hr width=?> 设置水平线的宽度（百分比或绝对像素点） <hr noshade> 创建一个没有阴影的水平线 3、链接(命令) <a href="URL"></a> 创建一个超链接 <a href="mailto:EMAIL"></a> 创建一个自动发送的链接 <a name="NAME"></a> 创建一个位于文档内部的靶位 <a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接 4、格式排版(命令) <p> 创建一个新的段落 <p align=?> 将段落按左、 中、 右对齐 <br> 插入一个回车换行符 <blockquote></blockquote> 从两边缩进文本 <dl></dl> 创建一个定义列表 <dt> 放在每个定义术语词之前 <dd> 放在每个定义之前 <ol></ol> 创建一个标有数字的列表 <li> 放在每个数字列表项之前，并加上一个数字 <ul></ul> 创建一个标有圆点的列表 <li> 放在每个圆点列表项之前，并加上一个圆点 <div align=?> 一个用来排版大块HTML 段落的标签，也用于格式化表 二、HTML基本语法 文件格式<html></html>(文件的开头与结尾) 主题<title></title>(放在文件的开头) 文头区段<head></head>(描述文件的信息) 内文区段<body></body>(放此文件的内容) 标题<h?></h>(?=1~6,改变标题字的大小) 标题对齐<h align=right,left,center></h> 字加大<big></big> 字变小<small></small> 粗体字<b></b> 斜体字<i></i> 底线字<u></u> 上标字<sup></sup> 下标字<sub></sub> 居中<center></center> 居左<left> </left> 居右<right> </right> 基本字体大小<basefont 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="#?"></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=? height=?>(?以像素为单位) 连结图形边线<img src="URL"border=?>(?以像素为单位) 图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位) 段落<p></p> 断行<br></br> 横线<hr> 横线厚度<hr size=?>(?以像素为单位) 横线长度<hr width=?>(?以像素为单位) 横线长度<hr width=?%>(?与页宽相比较) 实横线<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、网页图象一般有什么要求？ 受网络传输速度制约，图象要尽量小。一般每幅最大不要20K。 图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适，因为里面包含许多彩的缓和变化。不管是哪种，做好后都应压缩以给图片减肥，但不要压得太多而失真。压缩可用JPEG Optimizer或Image Optimizer两种工具，若用photoshop5.5做的图象，保存时直接用Save For Web可进行压缩。另外，Gif格式可作成动画。 2、选择图片的网络存储空间 建议各位卖家们事先可以一个稳定的空间来存放你的图片，以确保你的买家随时可以看到精美漂亮的商品。注意：不要把图片存放在免费相册里，因为这些相册的路径一般都是虚拟的，每一次浏览的URL都会改变，这对我们卖家来说是非常不好的。 另外要注意的一点是：有一些买家反映看到的卖家商品的图片是小叉叉，这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中，这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉！所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片！ 四、练习的例子：（红字体部分即可修改成你自己的自定义） 第一：用HTML来插入一个图片， <img src="berhome/images/girl/PLMM_A.jpg"> Key: 第二：用HTML来插入一个URL， <a href="berhome/images/girl/PLMM_F.jpg">点击我进入</a> Key:点击我进入 第三：插入url的同时，插入图片，点击图片就可以进入这个url，如做一个插入网园淘艺坊的图片链接代码： <a href="berhome/"><img src="berhome/images/girl/PLMM_C.jpg"></a> Key: 第四：插入一段音乐 高山流水：<embed src="berhome/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed> Key: 何日君再来：<a href="202.108.23.172/m?ct=134217728&tn=baidumt, 何日君再来 &word=mp3, /longresdemo/fWJjZGVmZ2hhYmVlbWhpbjE$.mp3,, [%BA%CE%C8%D5%BE%FD%D4%D9%C0%B4]&si = %BA%CE%C8%D5%BE%FD%D4%D9%C0%B4;; %B5%CB%C0%F6%BE%FD&lm = 16777216">何日君再来</a> Key: 何日君再来 |
html代码大全
1.结构性定义
文件类型 <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></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> （保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）
向中看齐 <CENTER></CENTER> （文字与图片都可以）
闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）
字体大小 <FONT SIZE=?></FONT>（从1到7）
改变字体大小 <FONT SIZE=+|-?></FONT>
基本字体大小 <BASEFONT SIZE=?> （从1到7; 内定为3）
字体颜 <FONT COLOR='#$$$$$$'></FONT>
2.连结与图形
连结 <A href='/URL'></A>
连结到锚点 <A HREF='URL#***'></A>（如果锚点在另一个档案）
<A HREF='#***'></A> （如果锚点目前的档案）
连结到目的视框 <A href='/URL' TARGET='***'></A>
设定锚点 <A NAME='***'></A>
图形 <IMG src='/URL'>
图形看齐方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式 <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 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=?> （以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='?'>
3.分隔
段落 <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='#$$$$$$'>
ol是什么单位N1.1 使用中的连结 <BODY ALINK='#$$$$$$'>
4.特殊字元（以下标签需用小写）
特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码）
< < > > & & ' '
注册商标TM ?
N1.0+ 注册商标TM ?
著作权符号 ?
N1.0+ 著作权符号 ?
5.表单 （通常需要与CGI程式配合）
定义表单 <FORM ACTION='URL' METHOD=GET|POST></FORM>
N2.0 上传档案 <FORM ENCTYPE='multipart/form-data></FORM>
输入栏位 <INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论