[Tutorial]Adaugare imagini

Locked
User avatar
# King
Membru
Membru
Posts: 1069
Joined: 8 years ago
Location: Braşov
Has thanked: 0
Been thanked: 0
Zodiac:
Age: 23
Contact:
Status: Offline

8 years ago

Nume Tutorial: Adaugare Imagini
Descriere: Adaugare Imagini
Download:
Autor: Anonim
Sursa (Link-ul oficial):
AFISEAZA TEXTUL

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:
<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.
Părere:buna
User avatar
Aizen
Membru
Membru
Posts: 429
Joined: 8 years ago
Has thanked: 0
Been thanked: 0
Zodiac:
Age: 20
Status: Offline

8 years ago

:tc: Nu s-a mai postat de mult .
Locked

Return to “Tutoriale”