网页html代码大全
常用HTML代码解释
一、文字
1.标题文字
2.字体变化..........
【1】字体大小.......... #=1~7;数字愈大字也愈大【2】指定字型..........
【3】文字颜色..........
rr:表红色(red)色码
gg:表绿色(green)色码
bb:表蓝色(blue)色码
rrggbb也可用6位颜色代码数字
3.显示小字体..........
4.显示大字体..........
5.粗体字..........
6.斜体字..........
7.打字机字体..........
8.底线..........
9.删除线..........
10.下标字..........
11.上标字..........
12.文字闪烁效果
13.换行(也称回车)
14.分段
15.文字的对齐方向
#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.
之后的文字都会以所设的对齐方式显示,直到出现另一个
改变其对齐方向,遇到
或
16.分隔线
【1】分隔线的粗细
【2】分隔线的宽度
【3】分隔线对齐方向
#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐
【4】分隔线的颜色
【5】实心分隔线
17.居中对齐
18.依原始样式显示
..........
19.
指令的属性【1】背景颜色-- bgcolor
【2】背景图案-- background
【3】设定背景图案不会卷动-- bgproperties
【4】文件内容文字的颜色-- text
【5】超连结文字颜色-- link
【6】正被选取的超连结文字颜色-- vlink
【7】已连结过的超连结文字颜色-- alink
20.文字移动指令
移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
移动方向指令是:direction=# up向上、down向下、left向左、right向右。
指令举例:
二、图片
1.插入图片
2.设定图框-- border
3.设定图形大小-- width、height
4.设定图形上下左右留空-- vspace、hspace
5.图形附注
6.预载图片
P.S.两个图的图形大小最好一致;
7.影像地图(Image Map)
【1】定义形状-- shape
shape=rect:矩形shape=circle:圆形shape=poly:多边形
【2】定义区域-- coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:
三、表格相关
1.表格标题
表格标题位置-- align
bottom:表标题置于表格下方
2.定义列
3.定义栏位《1》
《2》
【1】水平位置-- align
#号可为left:向左对齐center:向中对齐right:向右对齐
【2】垂直位置-- align
top:向上对齐middle:向中对齐bottom:向下对齐
【3】栏位宽度-- width
【4】栏位垂直合并-- rowspan
【5】栏位横向合并-- colspan
四、表格的主要属性
1.
标记。用 | 标记概况起来的内容表示表格的单元。其主要属性与属性值和 一:字体格式代码: 1.字体标签文字内容 a.字体大小:文字内容 注:size取值范围是1~7,数字愈大字也愈大. b.指定字型:文字内容 注:字体名称常用:宋体、黑体、楷体等(如果标上你电脑里没有的字体,则以电脑默认字体显示) c.文字颜色:文字内容 //#000000是纯黑色,#ffffff是纯白色.注:关于彩色代码,可以利用联众论坛发贴编辑区里的修改文字颜色后来获取自己喜欢颜色的16进制代码。 d.文字加粗:文字内容。 e.文字倾斜:文字内容。 f.字下划线:文字内容。 示例:我想把文字颜色设为:蓝色,字体:隶书,字号:5,并且加粗,写上如下代码就行。文字内容 二:段落排版代码: 1.换行标签: 2.分段标签: 注:是另起一新段落,如: 新段内容 。3.空格标签: 注:这个不用尖括号,需要用时直接贴上。示例:你 好。这样的效果就是你好。不使用这个代码,无论你空多少格,网页最多显示出一个空格。 4.对齐方式:(参照相对于页面,内容可以是文字、图片或动画) a.左对齐: b.居中对齐: c.右对齐: 1.文字移动标签: a.调速代码: 注:1为最小值速度为最慢;数字越大移动的越快。 b.延迟代码: 注:这是字符移动每步的延时,1为最小值,1000=1秒。 c.对齐方式: 注:up向上、down向下、left向左、right向右。 d.移动方式: 注:scroll是文字单向移动,side是移动到边界停止,alternate是到边界后反向移动。 e.循环次数: 注:移动字符的循环2次,属性值为数字,若未指定则循环不止。 f.高度宽度: 注:width是文字宽度,height是文字高度,以象素为单位。 g.缩进设置: 注:字符左右留空白长度,属性值为数字。示例: 四:图片显示代码: 1.插入图片标签: 注:正常支持的图片格式为 jpg,jpeg,gif,png。 2.设定图框标签: 注:border=线框粗细像素点数,不用默认为没有边框. 3.设定图形大小: 注:不设默认图片原来大小. 4.设定图形上下左右留空:. 5.图形附注: 注:当鼠标指向图片时,显示说明文字,不设默认没有。 示例: src="https://www.360docs.net/doc/b514418452.html,/bbs/upfile/2009/1/31/20090131110852wdmc8.gif " border=2 alt="能看到我吗?"> 五:移动图片代码:(其实就是把三和四的代码综合应用) 1. 注:想放多个图片,就按此格式在中间插入. 示例: 六:声音播放代码: 1. mid mp3等格式的音乐。 示例: src="http://202.107.225.9/NetTv/music/mp3/大海.mp3" loop=10> 七:动画显示代码: 1. src="https://www.360docs.net/doc/b514418452.html,/bbs/upfile/2009/3/29/20090329154616zixing393 278.swf"width="540" height="100"> 八:超级链接代码:(如果需要别人点击你的文字或图片后打开一个新的网页面就看下面) 2.需要加入链接的文字或图片代码 注:2代码增加了target="_blank"代码的意思是在创建一个新窗口打开指定页面!而1代码是在原有窗口中载入页面。 示例:点此打开透明FLASH素材大全 九:实用代码:(重要!) 1.让FLASH动画背景透明代码: height=400 type=application/x-shockwave-flash wmode="transparent"> 注:width=550 height=400 为动画宽高的数值,可自行调节;style="LEFT: 10px; LEFT可改为右面RIGHT,10px是距离边框的距离10像素,是可调整数字;absolute; TOP: -70px"是距离顶部的距离,可调整数字。 1.层代码: style="position:absolute; left:50px; top:50px; width:550px; height:400px; z-index:1;"> src=https://www.360docs.net/doc/b514418452.html,/bbs/upfile/2008/11/10/20081110164009zixing3932 78.swf width=550 height=400 type=application/x-shockwave-flash wmode="transparent"> 1.结构性定义 文件类型 (放在档案的开头与结尾) 文件主题 文头 (描述性资料,像是「主题」)文体 (文件本体)(由浏览器控制的显示风格) 标题 标题的对齐 区分 区分的对齐 引文区块 (通常会内缩)强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 下标 上标 打字机体 (用单空格字型显示) 预定格式 (保留文件中空格的大小)预定格式的宽度 (以字元计算)向中看齐 闪耀 (有史以来最被嘲弄的标签) 字体大小(从1到7) 改变字体大小 基本字体大小 字体颜色 说明 (浏览器不会显示) body { scrollbar-face-color: #330033; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #330033; scrollbar-arrow-color: #FFFFFF; } 将上面的代码放在叶子代码的 之间,颜色可根据自己的需要修改。滚动条的代码意思如下:Scrollbar-Face-Color为滚动条表面颜色设定; Scrollbar-Track-Color为滚动条底板颜色设定; Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定;Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。 跑馬燈 普通捲動 滑動 預設捲動 來回捲動 向下捲動 向上捲動 向右捲動 捲動次數 設定寬度 設定高度 設定背景顏色 設定捲動距離 設定捲動時間 1)贴图: 2)加入连接:写上你想写的字 3)在新窗口打开连接:写上要写的字 4)移动字体(走马灯): 5)字体加粗:写上你想写的字 6)字体斜体:写上你想写的字 7)字体下划线: 写上你想写的字 8)字体删除线: 9)字体加大: 写上你想写的字 10)字体控制大小: 写上你想写的字(其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:写上你想写的字(其中value值在000000与ffffff( 12)消除连接的下划线:写上你想写的字 13)贴音乐: 14)贴flash: 15)贴影视文件: 16)换行: 17)段落: 段落 18)原始文字样式: 正文 19)换帖子背景: 20)固定帖子背景不随滚动条滚动: bgproperties=fixed> 21)定制帖子背景颜色: (value值见10)22)帖子背景音乐: 23)贴网页: 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="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短< HTML代码大全HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。 编辑本段HTML代码大全 1.结构性定义 文件类型 (放在档案的开头与结尾) 文件主题 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 html标签大全创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7,颜色使用名字或RGB的十六进制值 将段落按左、中、右对齐 HTML网页编辑代码大全详细使用方法html网页编辑代码大全详细使用方法 html特效代码大全精美免费下载html特效代码大全精美免费下载.txt每天早上起床都要看一遍“福布斯”富翁排行榜,如果上面没有我的名字,我就去上班。谈钱不伤感情,谈感情最他妈伤钱。我诅咒你一辈子买方便面没有调料包。 HTML代码大全免费下载 HTML特效代码1。忽视右键 或 2。加入背景音乐 IE:、、、 等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用,如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html 语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal,如表示标志对中的文本使用蓝色显示在浏览器的框内。 4. 网页HTML中各个代码意思大全网页HTML中各个代码意思大全 网页HTML代码中的h1,p,a,tr,td……分别代表什么意思?相信还有很多人都不太了解,现在我们就具体讲一下它们的意思及用法: h1 一级标题, h2 二级标题, p 段落, a 超连接, tr 表格行, td 表格列, li 标签定义列表, ul 标签定义列表中的无序列表 这些都是HTML中的常用标签他们都有特定的定义 没有英文全名 HTML标签详解 结构 <html> <head> <title>标题</title> </head> <body> ..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh" content=10> 【2】10秒后自动连结到另一文件 <meta http-equiv="refresh" content="10;URL=欲连结文件之URL"> 3.查询用表单--<isindex> 若欲设定查询栏位前的提示文字: <isindex prompt="提示文字"> 4.预设的基准路径--<base> <base href="放置文件的主机之URL"> 版面 1.标题文字<h#>..........</h#> #=1~6;h1为最大字,h6为最小字 2.字体变化<font>..........</font> 【1】字体大小<font size=#>..........</font> #=1~7;数字愈大字也愈大 【2】指定字型<font face="字型名称">..........</font> 网页html代码大全常用HTML代码解释 一、文字 1.标题文字 #号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S. 之后的文字都会以所设的对齐方式显示,直到出现另一个 改变其对齐方向,遇到 或 网页设计代码大全段落标记background:网页背景图像… bgcolor:网页背景颜色align:left right center text:字体颜色强制换行标记link:可链接文字的色彩alink:被鼠标点中时可链接文字的颜色预排格式标记vlink:已经单击过的可链接文字的颜色 leftmargin:页面左边距插入水平线标记topmargin:页面上边距 Vlink:已经单击过的可链接文字的颜色文本缩标记Leftmargin:页面左边距 …Topmargin:页面上边距列表标记 标题格式标记 1.无序
|