html5 img全屏 html全屏图片代码

转载

勇往直前的巨人 2024-02-01 10:23:56

文章标签 html5 img全屏 HTML语言常用的列表绝对定位竖排贴图 文章分类 HTML5 移动开发

(一)全屏及图框代码：

◆１．全屏(相对定位)代码：

◆２颜色背景图框代码．

◆3图片背景的图框代码．

(二)文字设置代码：

◆１．文字设置基本代码：

插入文字内容

◆２．大号文字设置代码：

插入文字内容

◆３．文字的边外加光辉效果代码：

style="FILTER: Glow(color=#0000ff,strength=12); HEIGHT: 6pt">
如画江山

◆４．文字重叠效果代码：

style="FILTER: shadow(color=#00ff00, strength=5); WIDTH:
600px">
color=#808000> 期待您的精采！

◆５．文字重叠效果代码：

style="FILTER: shadow(color=#000000, strength=5); WIDTH:
700px">
color=#ff0000> 春风秋雨

◆５．文字有颜色背景的代码：

STYLE="background-color:#0000ff" font face=黑体 style="FONT-SIZE: 22pt;
color=#FFECEC"> 〖文字有颜色背景的代码〗

(三)文字竖排代码：

◆１．文字靠左竖排代码：

更喜岷山千里雪，
三军过后尽开颜。
．．．．．

◆２．文字居中竖排代码：

更喜岷山千里雪，
三军过后尽开颜。
．．．．．

◆２．文字靠右竖排代码：

更喜岷山千里雪，
三军过后尽开颜。
．．．．．

(四)各种贴图代码：

◆１．贴图代码1：

◆２．贴图代码2：

◆３．羽化图片代码：

◆４．贴Flash代码：

align=right src=http://www2.upwebflash.cn/index276-img/clock30.swf
width=500 height=300 type=application/octet-stream wmode="transparent"
quality="high" ;;>

◆５．图片加Flash代码：

cellSpacing=1 cellPadding=0 width=500 height=330 bordercolor=#BB5E00
background="图片地址" border=3> 
align=center src="Flash文件地址" width=500 height=300
type=application/octet-stream wmode="transparent" quality="high" ;;>

◆５．绝对定位加叠Flash代码：

style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 100px; HEIGHT:
300px" align=center
src=http://www2.upwebflash.cn/index276-img/clock30.swf width=750
height=300 type=application/octet-stream ;; quality="high"
wmode="transparent">

(五)定位标签代码：

２０．定位标签代码：

内容居中

内容居左

内容居右

水平加竖直定位指令语句(放在表格的列标签内)：

居左靠顶居中靠顶居右靠顶居左靠底居中靠底居右靠底

(六)趣味的移动标签代码：

◆１，默然从右向左移动代码：

移动内容文字或图片

◆２，从右向左移动代码：

移动内容文字或图片

◆３，从左向右移动的代码：

移动内容文字或图片lt;/marquee>

◆４，左右来回走的代码：

动内容文字或图片

◆５．从下向上移动的代码：

移动内容文字或图片

◆６．从下向上从上向下移动的代码：

移动内容文字或图片

(七)歌曲播放代码：

◆１．银色播放器代码：

◆２．图框加入歌词﹑图片和播放器代码：

《歌曲名称》
style="FILTER: alpha(opacity=100,style=2)" INPUT
src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116182112553.jpg"
type=image width=300> 
<歌词内容。

◆3．播放动漫歌曲代码：

cellSpacing=5 cellPadding=1 width=500 align=center bordercolor=#C0C0C0
background=http://sucai.heima.com/sucai/news/bg/06.gif border=30
table> 
align=center>
pluginspage=http://www.macromedia.com/go/getflashplayer
src=http://image2.sina.com.cn/dongman/f/2002-03-18/1_55-4-248_20020318123358.swf
width=500 height=350 type=application/x-shockwave-flash quality="high"
wmode="transparent">
<

(八)绝对定位挂贴实用标签代码：

◆１．相对定位代码：

◆2．绝对定位代码：

◆３．绝对定位挂贴图片代码：

src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg"width=250
style="LEFT: 260px; WIDTH: 250px; POSITION: absolute; TOP: 130px;
HEIGHT: 320px">

◆４．绝对定位挂贴羽化图片代码：

style="FILTER: alpha(opacity=100,style=2)" INPUT
src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg"
type=image width=400 style="LEFT: 480px; WIDTH: 400px; POSITION:
absolute; TOP: 100px; HEIGHT: 320px">

◆５．绝对定位挂贴横排文字代码：

face=黑体 style=font:30pt color=ffff00 style="LEFT: 600px; WIDTH: 400px;

POSITION: absolute; TOP: 100px; HEIGHT: 30px"> 挂贴横排文字

◆６．绝对定位挂贴竖排文字代码：

face=黑体 style=font:30pt color=ffff00 style="LEFT: 680px; WIDTH: 50px;

POSITION: absolute; TOP: 170px; HEIGHT: 320px"> 挂贴竖排文字

◆７．绝对定位挂贴Flash代码：

style="LEFT:50px; WIDTH: 950px; POSITION: absolute; TOP: -130px;

HEIGHT: 400px" align=center

src=http://imgfree.21cn.com/free/flash/59.swf width=950 height=400

type=application/octet-stream ;; quality="high" wmode="transparent">

◆8．绝对定位挂贴从下向上移动代码：

scrollamount=1 direction=up style="LEFT: 600px; WIDTH: 300px; POSITION:

absolute; TOP: 100px; HEIGHT: 130px">移动内容文字或图片

(九)．超链接标签代码：

◆1．超链接代码：

常青论坛

◆2．超链接代码：

HREF="http://bbs.zj60.com/Index.asp"target=_blank>
src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841933482109.gif"width=100>
size=3 color=#0000ff>　常青论坛．

◆3．直接运行空间贴代码：

style="LEFT: 50px; WIDTH: 995px; POSITION: relative; TOP: 0px">
src="http://bbs.zj60.com/Index.asp" frameBorder=0 width=995 scrolling=no
height="12500">

(十)其它常用标签代码及语句：

　过行单标签．　　

文字依原始样式显示双标签

　半个空格　一个空格．　　

文字行首加一个圆点标签．

横线标签．

◆常用字体代码：

宋体　黑体　幼圆　隶书　新宋体　华文新魏　华文行楷　　华文细黑

华文彩云　　方正姚体　　楷体_GB2312　　仿宋_GB2312

◆常用颜色代码：

红色　#FF0000　蓝色 #0000FF　黄色 #FFFF00　青色 #00FFFF　黑色 #000000

红紫色 #FF00FF　茶色 #D2B48C　金色 #FFD700　橄榄色 #808000