
在缩放图片上写字代码:<p align="center"> <img src="http://image67.360doc.com/DownloadImg/2013/11/1913/36824965_15.jpg" style="border: 0px; width: 630px; height: 400px;"></p> <div style="LEFT: 50px; WIDTH: 550px; POSITION: absolute; TOP: 90px"> <table bordercolor="#0000ff" cellspacing="0" cellpadding="5" width="550" border="0"><tbody><tr><td><div style="text-indent: 32px;"> <font style="line-height: 1.6em; font-size: 16px; font-family: 宋体, SimSun;" color="#000000">在缩放图片上写字代码: </font></div></td></tr></tbody></table></div>
|
<center><table style="background-position: -1px -390px;" id="table2" cellpadding="6" border="1" width="660" background="http://image67.360doc.com/DownloadImg/2013/11/1705/36760145_10.gif" height="260"><tbody><tr><td><div style="text-indent: 42px;"><font style="line-height: 1.6em; font-size: 16px; font-family: 宋体, SimSun;" color="#cfffff">在切割图片上写字代码:</font></div></td></tr></tbody></table></center> |
<DIV class=divBorderStyleRelative style="LEFT: 20px; WIDTH: 590px; POSITION: relative; TOP: 0px; HEIGHT: 50px">相对定位代码</DIV> |
半透明代码:<img style="width: 551px; filter: alpha(opacity=50,style=2);" src="http://image31.360doc.com/DownloadImg/2011/06/1710/12986726_16" width="450" height="450"> -------------------------------------------------------透明度的大小要根据具体情况仔细调整,取一个最佳值。 ★完全透明:就是只能看到下层的背景颜色,而看不到图片本身;完全不透明:就是看不到下层的背景颜色,只能看到图片本身。style:样式或者风格。0:平均透明; 1:线状透明; 2:圆形透明; 3:菱形透明或方形透明。 opacity:开始处的透明度 。取值为0—100。 |
<TABLE width=400 align=center background=图片地址 border=1> <TBODY> <TR> <TD> <TABLE style="LEFT: 80px; WIDTH: 290px; POSITION: relative; TOP: 0px"
borderColor=#0000ff border=0> <TBODY> <TR> <TD>大框内小框精确定位代码:</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE> |
将图并列代码:<CENTER><DIV><IMG src="图片地址" width=70> <IMG src="图片地址" width=70> <IMG src="图片地址" width=70> </DIV></CENTER> |
<FONT face=@新宋体 color=#0000ff size=4>文字睡着写的代码</FONT> |
<FONT style="TEXT-DECORATION: line-through">文字划删除线</FONT> |
表格内容与表格边框之间的距离 cellpadding=数值 |
行距 style="LINE-HEIGHT: 1.6em" |
贴图: <IMG src="图片地址"> (这一导入图片的代码没有放大缩小的功能) |
贴图: <IMG style="WIDTH: 81px; HEIGHT: 80px" src="图片地址" border=0> |
== |
align=center(居中),align=left(居左),align=top(居顶), <P align=right>居右</P> 。<HR align=center width=500>分割线。 网页链接代码:<A href="输入地址" target=_blank>输入标题</A>
【br】换行符号。【 】空格符号。【table】设置表格。
【TBODY】边框设置。【border=1】边线。
行距字距style="LINE-HEIGHT: 2.6em; LETTER-SPACING: 1px " 字与边距cellPadding=20
绝对定位改相对定位,把absolute修改为 relative即可。 background= 背景图片地址, bgcolor= 表格背景颜色。
<TR><TD colSpan=2> 并列(2格)合一 </TD></TR>
高度height=350 宽度width=240
粘贴FLASH: <EMBED src=FLASH地址 width=宽度 height=高度
type="text/html; charset=utf-8" wmode="transparent"> 皇家蓝色代码:#4169e1
示亡号 即文字加框 文字加框(复制、粘贴后更改文字即可)
文字居中、两格合并代码:<td align="middle" colspan="2"> |
分隔线:< hr> 位置:align 宽度:width 颜色:color <hr align=center width=300 color=#0000ff size=2>
left:位置居左。center:位置居中。right:位置居右。 |
<center>文字居中</center> |
文字加删除线 <strike>文字</strike> |
<font size=5 color=#0000ff face="宋体">文字 </font> 字号:<font size=4>文字</font> (7为最大字) 字型:<font face="黑体">文字</font> 字色:<font color=#0000ff>文字</font> |
文字移动:<marquee scrollAmount=3 direction=up>文字</marquee> 移动速度是: scrollAmount=3 数字越大移动的越快。 移动方向是:direction= up向上、down向下、left向左、right向右。 |
图片: <img src="图片地址"> 图片: <img alt=文字说明 src="图片地址"> 设定图框: <img src="图片地址" border=数字>
设定图形大小:<img src="图片地址" width=宽度 height=高度>
留空白:<img src="图片地址" vspace=上下留 hspace=左右留>
图形附注 <img src="图片地址" alt="说明文字"> |
<table borderColor=#0000ff height=120 cellPadding=5 width=510 bgColor=#cccccc border=1> <tbody> <tr> <td>文字</td></tr></tbody></table> | 表格:<table>标记。 align 表格的对齐方式(center,left,right ) background表格的背景图案。 bgcolor表格的背景颜色。border表格的边框宽度。 bordercolor表格边框的颜色。 cellpadding单元格内容与单元格边框之间的距离。 cellspacing表格中单元格之间的距离。 height表格的高度。width表格的宽度。 表格:<tbody>标记。 列:<tr>标记。行:<td>标记。 colspan合并表格的列数(横向合并) rowspan合并表格的行数(垂直合并) |
水平位置:<th align="left">向左对齐。 ("center"向中对齐。"right"向右对齐。) 垂直位置:<th align="top">向上对齐。 ("middle"向中对齐。"bottom"向下对齐。) |
html 网页代码: 【color】颜色(包括字体颜色、背景颜色、线条颜色等)设置。如color=#ff0000或color=red
【direction】滚动方向设置。direction=right表示从左向右,direction=up表示从下向上,
direction=down表示从上下。默认从右向左。
【border】边框设置。给值的单位一般是像素,如border="1"、border="0"(边框宽虽然为0,但边框仍然存在,只是看不见)。
【border-style】框线样式。border-style="solid" 单实线。 border-style="double"双实线。border-style="dashed"虚线。 border-style="dotted"点线。border-style="groove"沟线(groove)。 border-style="ridge"脊线(ridge)。border-style="inset"内陷边框。
border-style="outset"外凸边框。border-style="none"无边框。border-style属性的默认值为none,这就是为什么除非将border属性设置为其他类型,否则元素没 有边框的原因。最常见的border样式是solid和double
【br】换行符号。【 】空格符号。
【width】宽度。可以用像素表示,如width:500px。也可以用百分数表示,如width:60%、width:150%等。(以页面宽度为100%)
【table】设置表格。【th】设置表头。【tr】表格的行。【td】表格单元(表格的具体数据)。
【align】水平对齐方式设置。align=center(居中),align=left(居左),align=top(居顶)等。
【b】文本加粗。【i】文本斜体。【font-size】字体大小设置。【size】也是字体大小设置。
重要:字母大小写均可,但标点符号必须是英文半角的写法。(分号、引号、等号、冒号、括号、单位(px、pt)、空格等)。
--------------------------------------------------------------------------------------------------------------
RGB色彩和CMYK色彩是两种不同的色彩模式。
RGB色彩模式是最基础的色彩模式,所以RGB色彩模式是一个重要的模式。只要在电脑屏幕上显示的图像,就一定是以RGB模式。因为显示器的物理结构就是遵循RGB的。
CMYK也称作印刷色彩模式,顾名思义就是用来印刷的。
它和RGB相比有一个很大的不同:
RGB模式是一种发光的色彩模式,你在一间黑暗的房间内仍然可以看见屏幕上的内容;
CMYK是一种依靠反光的色彩模式,我们是怎样阅读报纸的内容呢?是由阳光或灯光照射到报纸上,再反射到我们的眼中,才看到内容。
它需要由外界光源,如果你在黑暗房间内是无法阅读报纸的。
只要在屏幕上显示的图像,就是RGB模式表现的。只要是在印刷品上看到的图像,就是CMYK模式表现的。
--------------------------------------------------------------------------------------------------------------
|