点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > HTML>详细内容

HTML代码简介(三)

添加时间:2013-12-6
    相关阅读: 网页设计 网页 设计 WEB 技术 页面 HTML

把w3c的原文放在这里并不是想吓唬任何人,只是觉得应该告诉大家学习一门语法的方法。在能力允许的范围内尽可能自己去查阅原版的官方文档,这样你不仅可以拿到最完整的信息,而且这是一个高手成长之路。翻译的东西多半掺有个人想法,以及个人能力的有限都造成这样一种局面:很难在翻译的教材里面找到完整的相关信息,从而使个人的技术水平一直停留在相对低的水平。好了废话说了一大堆就是想和大家分享学习的方法。为了照顾到一些英文水平比较低的朋友,我就简要的做些翻译解释。

Iframe是个比较新的标识。但是从它的参数来说和普通的html标识没有什么大的区别,相

信大家都用过frame(框架)来布局你的网页,其实iframe和frame功能一样,不同的是它是个浮动框架,你可以把iframe布置在你网页中的任何位置,包括<layer>层中,这种极大的自由度可以给网页设计带来很大的灵活性,所以学会使用它是非常必要的。

下面介绍它的主要属性

Name="" 给框架命名,这样就可以使用你的命名为链接中的target属性提供参数

Src="" 当前框架所链接的页面地址

Frameborder="" 浮动框架的边框大小,默认值为1显示边框,一般最好设为0不显示

Marginwidth="" 浮动框架框边与插入页面之间空白的宽度,单位pixels

Marginheight="" 浮动框架框边与插入页面空白的高度,单位pixels

Scrolling="" 滚动条,有3个值:auto自动,yes 总是显示,no 不显示

align="MIDDLE" 可选值为 left, right, top, middle, bottom,作用不大

width=""

height="" 浮动框架的宽及长,单位pixels。

Noresize 浮动框架大小不可变

其它的属性就是id ,class ,title ,style。

举个例子:

<iframe src="yoroml.htm" name="yoroml" width="252" height="875" scrolling="no" frameborder=0 ></iframe>

使用Javascript制作连续滚动字幕[/COLOR]

文/暖阳

我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白。而下面介绍中的

滚动则是连续的,毫不间断。
下面小阳为你介绍这是如何实现的。

为了滚动能够“连续”,我们需要将字幕的内容复制多遍,直到内容的高度不小于滚动区高度的两倍。然后我们将溢出的滚动条隐藏掉,用代码控制滚动条向下移动(这时内容将向上移动)。当滚动条滚动到最下方时,理论上不能再往下滚动了,于是我们立刻调整滚动条,将它向上滚动到一个和当前画面一样的位置。结果我们看到的就是连续的滚动了。呵呵,说的就是这么简单,那做起来如何呢?我们看看是如何逐步实现的。

<div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 --> <a href="#">链接一</a>

<br> <a href="#">链接二</a>

<br> <a href="#">链接三</a>

<br> <a href="#">链接四</a>

<br> <!-- 字幕内容结束 -->

</div>

<!-- 以下是java-script代码 -->

<script language="java-script">

<!--

marqueesHeight=200; //内容区高度

stopscroll=false; //这个变量控制是否停止滚动

with(marquees){

noWrap=true; //这句表内容区不自动换行

style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大

style.height=marqueesHeight;

style.overflowY="hidden"; //滚动条不可见

onmouseover=new Function("stopscroll=true"; //鼠标经过,停止滚动

onmouseout=new Function("stopscroll=false"; //鼠标离开,开始滚动

}

//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:

document.write('<div id="templayer"

style="position:absolute;z-index:1;visibility:hidden"></div>');

function init(){ //初始化滚动内容

//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:

while(templayer.offsetHeight<marqueesHeight){

templayer.innerHTML+=marquees.innerHTML;

} //把"templayer"的内容的“两倍”复制回原内容区:

marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;

//设置连续超时,调用"scrollUp()"函数驱动滚动条:

setInterval("scrollUp()",10);

}

document.body.onload=init;

preTop=0; //这个变量用于判断滚动条是否已经到了尽头

function scrollUp(){ //滚动条的驱动函数

if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动

preTop=marquees.scrollTop; //记录滚动前的滚动条位置

marquees.scrollTop+=1; //滚动条向下移动一个像素

//如果滚动条不动了,则向上滚动到和当前画面一样的位置

//当然不仅如此,同样还要向下滚动一个像素(+1):

if(preTop==marquees.scrollTop){

marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;

}

}

-->

</script>

这样就完成了,感觉做起来也不难吧。
如何实现Iframe透明

tangzehuan(原作)

第一次发表文章,有什么写不好的地方请多多包涵,另外想借此机会认识一些从事WEB设计的朋友,tangzehuan@sohu.com QQ

37878073

IE5.5和NN6以上的浏览器支持 Frame ,Iframe对象的allowTransparency 方法,如果某对象的背景颜色设置为Transparency的,

它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开/关。

代码如下:

a.html如下:

<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文档</H1>
<P>此IFRAME无背景颜色</P>
<P>BODY:<br><BODY STYLE="background-color:transparent"></P></BODY></HTML>

b.html如下:
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文档</H1>
<P>此IFRAME 设为绿色。</P>
<P>BODY: <br><BODY STYLE="background-color:transparent"></P></BODY></HTML>

如果a.html透明的,它将继承IFRAME的背景颜色 如果容器IFRAME也是透明的,a.html将继承Iframe的父容器的颜色,如果一个对象不透

明,它将覆盖其容器的颜色,默认是透明的。

Internet Explorer 5.5 以上版本允许你设置透明属性,通过设置是否可被透明,你可以改变背景的颜色。[在不设置透明属性的情况下

,默认背景颜色为白色]

IFRAME定义如下:
<IFRAME ID="frame1" SRC="a.html" allowTransparency="true" HEIGHT=180 WIDTH=300> </IFRAME> <IFRAME ID="frame2"

SRC="b.html" allowTransparency="true" STYLE="background-color:#459800" HEIGHT=180 WIDTH=300> </IFRAME>

按钮定义如下:
<INPUT TYPE="button" VALUE="不透明" onclick="turnTransparencyOff()"> <INPUT TYPE="button" VALUE="透明"

onclick="turnTransparencyOn()">

<script>
//函数turnTransparencyOff():

function turnTransparencyOff()
{ document.all.frame1.allowTransparency = false; document.all.frame2.allowTransparency = false; }

//函数turnTransparencyOn():

function turnTransparencyOn()
{ document.all.frame1.allowTransparency = true; document.all.frame2.allowTransparency = true; }
</script>
HTML附加命名实体[/COLOR]


Latin Extended-B
&#402; &#402; &#402; Latin small f with hook, =function, =florin, U0192 ISOtech

Greek
Α Α Α Greek capital letter alpha, U0391
Β Β Β Greek capital letter beta, U0392
Γ Γ Γ Greek capital letter gamma, U0393 ISOgrk3
Δ Δ Δ Greek capital letter delta, U0394 ISOgrk3
Ε Ε Ε Greek capital letter epsilon, U0395
Ζ Ζ Ζ Greek capital letter zeta, U0396
Η Η Η Greek capital letter eta, U0397
Θ Θ Θ Greek capital letter theta, U0398 ISOgrk3
Ι Ι Ι Greek capital letter iota, U0399
Κ Κ Κ Greek capital letter kappa, U039A
Λ Λ Λ Greek capital letter lambda, U039B ISOgrk3
Μ Μ Μ Greek capital letter mu, U039C
Ν Ν Ν Greek capital letter nu, U039D
Ξ Ξ Ξ Greek capital letter xi, U039E ISOgrk3
Ο Ο Ο Greek capital letter omicron, U039F
Π Π Π Greek capital letter pi, U03A0 ISOgrk3
Ρ Ρ Ρ Greek capital letter rho, U03A1
Σ Σ Σ Greek capital letter sigma, U03A3 ISOgrk3
Τ Τ Τ Greek capital letter tau, U03A4
Υ Υ Υ Greek capital letter upsilon, U03A5 ISOgrk3
Φ Φ Φ Greek capital letter phi, U03A6 ISOgrk3
Χ Χ Χ Greek capital letter chi, U03A7
Ψ Ψ Ψ Greek capital letter psi, U03A8 ISOgrk3
Ω Ω Ω Greek capital letter omega, U03A9 ISOgrk3
α α α Greek small letter alpha, U03B1 ISOgrk3
β β β Greek small letter beta, U03B2 ISOgrk3
γ γ γ Greek small letter gamma, U03B3 ISOgrk3
δ δ δ Greek small letter delta, U03B4 ISOgrk3
ε ε ε Greek small letter epsilon, U03B5 ISOgrk3
ζ ζ ζ Greek small letter zeta, U03B6 ISOgrk3
η η η Greek small letter eta, U03B7 ISOgrk3
θ θ θ Greek small letter theta, U03B8 ISOgrk3
ι ι ι Greek small letter iota, U03B9 ISOgrk3
κ κ κ Greek small letter kappa, U03BA ISOgrk3
λ λ λ Greek small letter lambda, U03BB ISOgrk3
μ μ μ Greek small letter mu, U03BC ISOgrk3
ν ν ν Greek small letter nu, U03BD ISOgrk3
ξ ξ ξ Greek small letter xi, U03BE ISOgrk3
ο ο ο Greek small letter omicron, U03BF NEW
π π π Greek small letter pi, U03C0 ISOgrk3
ρ ρ ρ Greek small letter rho, U03C1 ISOgrk3
&#962; &#962; &#962; Greek small letter final sigma, U03C2 ISOgrk3
σ σ σ Greek small letter sigma, U03C3 ISOgrk3
τ τ τ Greek small letter tau, U03C4 ISOgrk3
υ υ υ Greek small letter upsilon, U03C5 ISOgrk3
φ φ φ Greek small letter phi, U03C6 ISOgrk3
χ χ χ Greek small letter chi, U03C7 ISOgrk3
ψ ψ ψ Greek small letter psi, U03C8 ISOgrk3
ω ω ω Greek small letter omega, U03C9 ISOgrk3
&#977; &#977; &#977; Greek small letter theta symbol, U03D1 NEW
&#978; &#978; &#978; Greek upsilon with hook symbol, U03D2 NEW
&#982; &#982; &#982; Greek pi symbol, U03D6 ISOgrk3

General Punctuation
&#8226; &#8226; &#8226; bullet, =black small circle, U2022 ISOpub
… … … horizontal ellipsis, =three dot leader, U2026 ISOpub
′ ′ ′ prime, =minutes, =feet, U2032 ISOtech
″ ″ ″ double prime, =seconds, =inches, U2033 ISOtech
&#8254; &#8254; &#8254; overline, =spacing overscore, U203E NEW
&#8260; &#8260; &#8260; fraction slash, U2044 NEW

Letterlike Symbols
&#8472; &#8472; &#8472; script capital P, =power set, =Weierstrass p, U2118 ISOamso
&#8465; &#8465; &#8465; blackletter capital I, =imaginary part, U2111 ISOamso
&#8476; &#8476; &#8476; blackletter capital R, =real part symbol, U211C ISOamso
&#8482; &#8482; &#8482; trade mark sign, U2122 ISOnum
&#8501; &#8501; &#8501; alef symbol, =first transfinite cardinal, U2135 NEW

Arrows
← ← ← leftward arrow, U2190 ISOnum
↑ ↑ ↑ upward arrow, U2191 ISOnum
→ → → rightward arrow, U2192 ISOnum
↓ ↓ ↓ downward arrow, U2193 ISOnum
&#8596; &#8596; &#8596; left right arrow, U2194 ISOamsa
&#8629; &#8629; &#8629; downward arrow with corner leftward, =carriage return, U21B5 NEW
&#8656; &#8656; &#8656; leftward double arrow, U21D0 ISOtech
&#8657; &#8657; &#8657; upward double arrow, U21D1 ISOamsa
&#8658; &#8658; &#8658; rightward double arrow, U21D2 ISOtech
&#8659; &#8659; &#8659; downward double arrow, U21D3 ISOamsa
&#8660; &#8660; &#8660; left right double arrow, U21D4 ISOamsa

Mathematical Operators
&#8704; &#8704; &#8704; for all, U2200 ISOtech
&#8706; &#8706; &#8706; partial differential, U2202 ISOtech
&#8707; &#8707; &#8707; there exists, U2203 ISOtech
&#8709; &#8709; &#8709; empty set, =null set, =diameter, U2205 ISOamso
&#8711; &#8711; &#8711; nabla, =backward difference, U2207 ISOtech
∈ ∈ ∈ element of, U2208 ISOtech
&#8713; &#8713; &#8713; not an element of, U2209 ISOtech
&#8715; &#8715; &#8715; contains as member, U220B ISOtech
∏ ∏ ∏ n-ary product, =product sign, U220F ISOamsb
&#8722; ∑ &#8722; n-ary sumation, U2211 ISOamsb
&#8722; &#8722; &#8722; minus sign, U2212 ISOtech
&#8727; &#8727; &#8727; asterisk operator, U2217 ISOtech
√ √ √ square root, =radical sign, U221A ISOtech
∝ ∝ ∝ proportional to, U221D ISOtech
∞ ∞ ∞ infinity, U221E ISOtech
∠ ∠ ∠ angle, U2220 ISOamso
⊥ ∧ ⊥ logical and, =wedge, U2227 ISOtech
&#8870; ∨ &#8870; logical or, =vee, U2228 ISOtech
∩ ∩ ∩ intersection, =cap, U2229 ISOtech
∪ ∪ ∪ union, =cup, U222A ISOtech
∫ ∫ ∫ integral, U222B ISOtech
∴ ∴ ∴ therefore, U2234 ISOtech
tilde operator, =varies with, =similar to, U223C ISOtech
approximately equal to, U2245 ISOtech
&#8773; ≈ &#8773; almost equal to, =asymptotic to, U2248 ISOamsr
≠ ≠ ≠ not equal to, U2260 ISOtech
≡ ≡ ≡ identical to, U2261 ISOtech
≤ ≤ ≤ less-than or equal to, U2264 ISOtech
≥ ≥ ≥ greater-than or equal to, U2265 ISOtech
subset of, U2282 ISOtech
superset of, U2283 ISOtech
not a subset of, U2284 ISOamsn
subset of or equal to, U2286 ISOtech
superset of or equal to, U2287 ISOtech
⊕ ⊕ ⊕ circled plus, =direct sum, U2295 ISOamsb
circled times, =vector product, U2297 ISOamsb
⊥ ⊥ ⊥ up tack, =orthogonal to, =perpendicular, U22A5 ISOtech
&#8901; &#8901; &#8901; dot operator, U22C5 ISOamsb

Miscellaneous Technical
left ceiling, =apl upstile, U2308, ISOamsc
right ceiling, U2309, ISOamsc
left floor, =apl downstile, U230A, ISOamsc
right floor, U230B, ISOamsc
left-pointing angle bracket, =bra, U2329 ISOtech
right-pointing angle bracket, =ket, U232A ISOtech

Geometric Shapes
lozenge, U25CA ISOpub
Miscellaneous Symbols
black spade suit, U2660 ISOpub
black club suit, =shamrock, U2663 ISOpub
black heart suit, =valentine, U2665 ISOpub
black diamond suit, U2666 ISOpub

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册