SOURCE CODE:
<html>
<head>
<title>inline</title>
</head>
<body>
<h1>Inline styles</h1><br>
<p><center><img src="i.jpg"style="position:absolute;top:110px;left:170px;
z-index:3"alt="first" /</p>
<p style="position:absolute; top:90px; left:40px;
z-index:5; font-size:20pt">Positioned text</p>
<p><img src="circle.jpg"style="position:absolute;top:70px;left:120px;
z-index:1"alt="second"/></center></p>
<br><br><br><br><br><br><br><br>
<h1>Embedded style</h1>
<style type="text/CSS">
p{font-size:1.3em;font-family:verdana,arial,sans_seriff}
span{color:red;font-size:0.6em;height:1em}
.super{position:relative;top:-1ex}
.sub{position:relative;bottom:-1ex}
.shiftleft{position:relative;left:-1ex}
.shiftright{position:relative;right:-1ex}
</style>
<p>The text at the end of this sentence
<span class="super">is in superscript.</span></p>
<p>The text at the end of this sentence
<span class="sub">is in subscript.</span></p>
<p>The text at the end of this sentence
<span class="shiftleft">is shifted left.</span></p>
<p>The text at the end of this sentence
<span class="shiftright">is shifted right.</span></p>
<link rel="stylesheet" type="text/CSS" href="css2.CSS" />
<h1>External stylesheets</h1>
<div style="text-align:center">
Deitel & amp;Associates,Inc.</div>
<div style="float:right;margin:0.5em;text-align:right">
Corporate Training & publishing</div>
<p>Deitel is internationally recognized corporate training & publishing organization</p>
<div style="float:right;padding:0.5em;text-align:right">
Leading-Edge Programming Textbooks</div>
<p>The company's client include many fortune 1000 companies,
government agencies,branches of military.</p>
<p style="clear:right">Through it publishing partnership with pretice hall.
Deitel & am;Associates,Inc.</p>
</body>
</html>
No comments:
Post a Comment