לדף הבית
המבנה התחברי שנוי משלושה חלקים..:) : הבורר, המאפינים , והערך העיצובי. להמחשה הנה דוגמה:
<style type="text/css"> <!-- body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003399} --> </style>
body {color: black} p {font-family: "sans serif"} p{text-align: center;color: black;font-family: arial} h1, h2, h3, h4, h5, h6 {color: green} וכו...
<style type="text/css"> <!-- body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003399} .name1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFCC; border: #FF6600; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin} --> </style>
<style type="text/css"> <!-- p.right {text-align: right} p.center {text-align: center} --> </style>
<p class="right"> This paragraph will be right-aligned. </p>
<p class="center"> This paragraph will be center-aligned. </p>
<h1 ALIGN="center" STYLE="background: #000080; font: 36pt/40pt courier; font-variant: small-caps; border: thick dashed blue">Welcome to my home page!</h1>
<P style="color:#FF0000;font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000>Red,bold, arial.</P>
<P style="background-color:#DDF4DD;color:#FFCC00;text-align: center;"> Red, center aligned text with a grey background </P>
Red, center aligned text with a grey background
<link rel="stylesheet" type="text/css"href="mystyle.css" />
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=notebook.GIF, sizingmethod=crop); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=999999,offX=3,offY=5,positive=true); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Emboss(); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ff00ff,strength=5); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff4500,endColorStr=#00ff99); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.MotionBlur(direction=0,strength=8); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Pixelate( maxsquare=5); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=45,color=#ff4500,strength=12); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Wave(freq=3,LightStrength=20,Phase=10,Strength=5); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>
<TABLE> <TR> <TD ALIGN=CENTER>לפני</TD> <TD ALIGN=CENTER>אחרי</TD> </TR> <TR> <TD><img id=image1 src="images/sample.jpg" height="165" width="256" border="0" alt="ocean beach"></TD> <TD><img id=image2 src="images/sample.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(strength=50), progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" height="165" width="256" border="0" alt="ocean beach"></TD> </TR> </TABLE>
<div style="width:100%;height:100%; filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#550000FF, endColorstr=#55FFFF00)" ></div> G
קישורים מהירים
