[Tutorial HTML] Adaugare Imagini

#1
Nume Tutorial: Adaugare Imagini
Descriere: Adaugare Imagini
Download:
Autor: Anonim
Sursa (Link-ul oficial):
tutorialeonline
Propria parere: Folositor.
Tutorialul:

HTML conţine şi elemente pentru adăugarea de imagini în pagina web.

1. Formatul imaginilor care pot fi folosite

Cele mai folosite formate pentru imaginile adăugate într-o pagină HTML sunt GIF şi JPEG (JPG; JPE), avantajul acestora este că imaginile care au aceste extensii au o mărime mică (în bytes), având maximum 256 de culori.
Alte tipuri de formate (folosite mai rar) sunt:

PNG, BMP, TIFF, PCX

2. Adăugarea unei imagini într-o pagină web

Pentru a introduce o imagine într-un format HTML se foloseşte elementul <img /> împreună cu următoarele atribute:

src - Valoarea acestui atribut determină locaţia fişierului care conţine imaginea.
alt - La acest atribut se scrie textul care va apărea dacă imaginea nu e afişată (de unele browsere) sau când utilizatorul va poziţiona, în browser, mouse-ul peste imagine.
align - Acest atribut permite aşezarea imaginii în locuri diferite pe pagină. Pot fi folosite următoarele opţiuni:
Bottom , Middle , Top , Left , Right , TextTop , ABSMiddle , Baseline , ABSBottom
width - Valoarea acestui atribut reprezintă lungimea imaginii, în pixeli. Dacă nu este scris imaginea va fi prezentată cu lungimea originală.
height - Valoarea acestui atribut reprezintă înălţimea (lăţimea) imaginii, în pixeli. Dacă nu este scris imaginea va fi prezentată cu înălţimea originală.
border - Prin adăugarea acestui atribut imaginea va apărea înconjurată de un chenar, valoarea acestui atribut reprezintă grosimea chenarului, în pixeli.
hspace - Acest atribut este pentru spaţiu orizontal pe ambele părţi ale imaginii, specificat în pixeli. De exemplu o valoare de 5 va pune un spaţiu invizibil, de 5 pixel, în părţile orizontale ale imaginii.
vspace - Acest atribut este pentru spaţiu vertical pe ambele părţi ale imaginii, specificat în pixeli. De exemplu o valoare de 5 va pune un spaţiu invizibil, de 5 pixel, în părţile verticale ale imaginii.

În exemplu de mai jos puteţi vedea modul de introducere a unei imagini pe o pagină web şi cum pot fi folosite atributele:

Cod: Selectaţi tot

<html>
 <head>
    <title>titlu documentului</title>
 </head>
 <body>
    <img src="imagine.jpg" alt="puteti adauga orice text"
       align="top" width="100" height="120" border="4" hspace="10" vspace="7" />
 </body>
 </html> 
Încercaţi singuri mai multe exemple, folosind şi alte atribute şi valori prezentate mai sus.

Înapoi la “Tutoriale HTML”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 1 vizitator

cron