全国统一咨询电话:0911-8888996
培训首页 | 关于蓝岛 | 培训科目 | 学员之家 | 联系我们
 
   
您当前位置:蓝岛科技 >> 学员之家 >> 行业资讯 >> 浏览文章
   

做网页常用HTML代码大全

2015/10/16 11:02:03本站原创 【字体:

网页常用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>

<!> 跑馬燈
<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>設定捲動時間
1)贴图:<img src="图片地址">

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">
15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body
bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

23)贴网页:<iframe. src="相关地址" width="宽度" height="高度"></iframe>
1、店铺音乐代码:音乐网址" loop="-1">

2、图片制作代码:<img src="这里放图片地址">

3、公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/>

4、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />

5、商品分类代码:<img src="这里放图片地址"/>

6、字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>

7、字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue,yellow等</font>

8、文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a>

9、移动文字代码:<marquee>从右到左移动的文字</marquee>

10、背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgsound>

11、图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址">

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
HTML 代码片段如下:
<html><head>
<STYLE>
body  {background-image:url(logo.gif);
     background-repeat:no-repeat; background-position:center }
</STYLE>
</head>
<body bgproperties="fixed" >
</body>
</html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
background-repeat:no-repeat; 是讓背景圖不占滿整個頁面
body bgproperties="fixed" 是拉動scroll時背景圖不動

 

 


</script></body></html>

如何监一个窗口被关闭了? 
HTML 代码片段如下:
<body >

如何禁止Ctrl+N?
HTML 代码片段如下:
<body nkeydown=return(!(event.keyCode==78&&event.ctrlKey))>

如何把页面加入用户的收藏夹?
HTML 代码片段如下:
<a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘http://www.51js.com‘‘‘‘,‘‘‘‘无忧脚本‘‘‘‘)">收藏无忧脚本</a>

如何在我的页面中加入背景音乐?
IE: <bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
*.mid你的背景音乐的midi格式文件

 

 

好多人找html网页字体颜色都要去PS或者fireworks里面对照看下,那样太麻烦了,我给大家总结出一些用于Html网页文字颜色的代码。

 

 

<p><font color="输入颜色代码">输入文字</font></p>  

 

颜色代码大全:

 

 

1 白颜色 #FFFFFF 2 红颜色 #FF0000 3 绿颜色 #00FF00 

4 蓝颜色 #0000FF 5 牡丹红 #FF00FF 6 青颜色 #00FFFF

7 黄颜色 #FFFF00 8 黑颜色 #000000 9 海颜蓝 #70DB93

10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642

13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853

16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719

19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F

22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E

25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78

28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F

32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454

35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323

38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70

41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70

44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F

47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD

59 浅木色 #E9C2A6 60 石灰绿色 #32CD32 61 桔黄色 #E47833

62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色 #3232CD

65 中森林绿 #6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB    

68 中海绿色 #426F42 69 中石板蓝色 #7F00FF 70 中春绿色 #7FFF00

71 中绿松石色 #70DBDB 72 中紫红色 #DB7093 73 中木色 #A68064

74 深藏青色 #2F2F4F 75 海军蓝 #23238E 76 霓虹篮 #4D4DFF

77 霓虹粉红 #FF6EC7 78 新深藏青色 #00009C 79 新棕褐色 #EBC79E

80 暗金黄色 #CFB53B 81 橙色 #FF7F00 82 橙红色 #FF2400

83 淡紫色 #DB70DB 84 浅绿色 #8FBC8F 85 粉红色 #BC8F8F

86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艳蓝色 #5959AB

89 鲑鱼色 #6F4242 90 猩红色 #BC1717 91 海绿色 #238E68

92 半甜巧克力色#6B4226 93 赭色 #8E6B23 94 银色 #E6E8FA

95 天蓝 #3299CC 96 石板蓝 #007FFF 97 艳粉红色 #FF1CAE

98 春绿色 #00FF7F 99 钢蓝色 #236B8E 100 亮天蓝色 #38B0DE

101 棕褐色 #DB9370 102 紫红色 #D8BFD8 103 石板蓝色 #ADEAEA

104 浓深棕色 #5C4033 105 淡浅灰色 #CDCDCD 106 紫罗兰色 #4F2F4F

107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF 109 黄绿色 #99CC

 

学设计   找工作   我只来延安蓝岛!       电话:0911-8888996     2112726
 

 
返回顶部