Showing posts with label Advanced HTML. Show all posts
Showing posts with label Advanced HTML. Show all posts
Saturday, 1 June 2013
0
Saturday, 1 June 2013
able
<html>
<head>
<style type="text/css">
p
{
border: red solid thin;
outline-style: solid;
outline-color: #00ff00
}
</style>
</head>
<body>
<p>Some text.</p>
</body>
</html>
(does not work in IE)
Set the width of an outline
<html>
<head>
<style type="text/css">
p.one
{
border: red solid thin;
outline-style: solid;
outline-width: thick
}
p.two
{
border: red solid thin;
outline-style: solid;
outline-width: 2px
}
</style>
</head>
<body>
Read More
Set the color of an Outline and Set The Width of an Outline
<head>
<style type="text/css">
p
{
border: red solid thin;
outline-style: solid;
outline-color: #00ff00
}
</style>
</head>
<body>
<p>Some text.</p>
</body>
</html>
(does not work in IE)
Set the width of an outline
<html>
<head>
<style type="text/css">
p.one
{
border: red solid thin;
outline-style: solid;
outline-width: thick
}
p.two
{
border: red solid thin;
outline-style: solid;
outline-width: 2px
}
</style>
</head>
<body>
Friday, 31 May 2013
0
Friday, 31 May 2013
able
Read More
How to Adjust Images In To Different Sizes
<html>
<body>
<p>
<img src="hackanm.gif"
width="20" height="20">
</p>
<p>
<img src="hackanm.gif"
width="45" height="45">
</p>
<p>
<img src="hackanm.gif"
width="70" height="70">
</p>
<p>
You can make a picture larger or smaller changing the values in the "height" and "width" attributes of the
img tag.
</p>
</body>
</html>
<body>
<p>
<img src="hackanm.gif"
width="20" height="20">
</p>
<p>
<img src="hackanm.gif"
width="45" height="45">
</p>
<p>
<img src="hackanm.gif"
width="70" height="70">
</p>
<p>
You can make a picture larger or smaller changing the values in the "height" and "width" attributes of the
img tag.
</p>
</body>
</html>
0
able
<html>
<body>
<p>
Click on one of the planets to watch it closer:
</p>
<img src="planets.gif"
width="145" height="126"
usemap="#planetmap">
<map id="planetmap" name="planetmap">
<area shape="rect"
coords="0,0,82,126"
alt="Sun"
href="sun.htm">
<area shape="circle"
coords="90,58,3"
alt="Mercury"
href="mercur.htm">
<area shape="circle"
coords="124,58,8"
alt="Venus"
href="venus.htm">
</map>
<p><b>Note:</b> The "usemap" attribute in the img element refers to the "id" or "name" (browser dependant) attribute in
the map element, therefore we have added both the "id" and "name" attributes to the map element.</p>
</body>
</html>
Read More
How to Create Image Map In Html
<body>
<p>
Click on one of the planets to watch it closer:
</p>
<img src="planets.gif"
width="145" height="126"
usemap="#planetmap">
<map id="planetmap" name="planetmap">
<area shape="rect"
coords="0,0,82,126"
alt="Sun"
href="sun.htm">
<area shape="circle"
coords="90,58,3"
alt="Mercury"
href="mercur.htm">
<area shape="circle"
coords="124,58,8"
alt="Venus"
href="venus.htm">
</map>
<p><b>Note:</b> The "usemap" attribute in the img element refers to the "id" or "name" (browser dependant) attribute in
the map element, therefore we have added both the "id" and "name" attributes to the map element.</p>
</body>
</html>
Subscribe to:
Posts (Atom)
