分享

常用代码

 昵称14148535 2015-09-30

在缩放图片上写字代码:
<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模式表现的。
--------------------------------------------------------------------------------------------------------------

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约