Informatica
Programare - Software - Web Design
|
Nou pe simpatie:
Cenusareasa
 | Femeie
24 ani
Bucuresti
cauta Barbat
28 - 61 ani |
|
|
InformaticaInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
|
| #1 |
 AdminAdministrator
Postari: 315
|
|
Fisa 2
1. Background image
<html>
<body>
<h3>Look: A background image!</h3>
<p>Both gif and jpg files can be used as HTML backgrounds.</p>
<p>If the image is smaller than the page, the image will repeat itself.</p>
</body>
</html>
2. Alinierea imaginilor
<html>
<body>
<p>
An image
<img src="hackanm.gif" align="bottom" width="48" height="48">
in the text
</p>
<p>
An image
<img src="hackanm.gif" align="middle" width="48" height="48">
in the text
</p>
<p>
An image
<img src="hackanm.gif" align="top" width="48" height="48">
in the text
</p>
<p>Note that bottom alignment is the default alignment</p>
<p>
An image
<img src="hackanm.gif" width="48" height="48">
in the text
</p>
<p>
<img src="hackanm.gif" width="48" height="48">
An image before the text
</p>
<p>
An image after the text
<img src="hackanm.gif" width="48" height="48">
</p>
</body>
</html>
3. Alinierea imaginilor la stanga sau la dreapta
<html>
<body>
<p>
<img src="hackanm.gif" align="left" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.
</p>
<p>
<img src="hackanm.gif" align="right" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "right". The image will float to the right of this text.
</p>
</body>
</html>
4. Imagini la diferite dimensiuni
<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>
5. Alt text (text explicativ cand mouse-ul este peste imagine)
<html>
<body>
<img src="goleft.gif" alt="Go Left" width="32" height="32">
<p>
Text-only browsers cannot display images and will only display the text that is specified in the "alt" attribute for the image. Here, the "alt"-text is "Go Left".</p>
<p>
Note that if you hold the mouse pointer over the image, most browsers will display the "alt"-text.
</p>
</body>
</html>
6. O imagine ca link
<html>
<body>
<p>
You can also use an image as a link:
<a href="lastpage.htm">
<img border="0" src="buttonnext.gif" width="65" height="38">
</a>
</p>
</body>
</html>
7. Image map (harta de link-uri pe o imagine)
<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>
<area>
<area>
<area>
</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>
8. Transformarea unei imagini intr-o harta
<html>
<body>
<p>
Move the mouse over the image, and look at the status bar to see how the
coordinates change.
</p>
<p>
<a href="tryhtml_ismap.htm">
<img src="planets.gif" width="146" height="126">
</a>
</p>
</body>
</html> |
|
|
| |
|
