Sunteți pe pagina 1din 2

HTML FISA NR.

2- Atribute

Atribute
● Atributele sunt reprezentate de obicei în perechi nume=valoare, cum
ar fi:
<a href="https://www.w3schools.com">Visit W3Schools</a>
(Tag-ul a, atributul href, valoarea https://www.w3schools.com.)
● Atributul src. Tag-ul <img> este utilizat pentru a încorpora o
imagine într-o pagină HTML. Atributul src specifică calea către
imaginea care urmează să fie afișată:
<img src = "img_girl.jpg">
● Atributele lățimii și înălțimii width și height
▪ <img src = "img_girl.jpg" width = "500" height = "600">
● Atributul alt specifică un text alternativ pentru o imagine, dacă
imaginea din anumite motive nu poate fi afișată.
<img src="img_girl.jpg" alt="Fata cu flori">
● Atributul style este utilizat pentru a adăuga stiluri la un element,
cum ar fi culoarea, fontul, dimensiunea și multe altele.
<p style="color:red;" > Acesta este un paragraf roșu. </p>
● Atributul lang în interiorul <html> tag-ul, pentru a declara limba
paginii Web. Acest lucru este menit să asiste motoarele de căutare
și browsere.
<html lang = "ro">
 Atributul title definește unele informații suplimentare despre un
element. Valoarea atributului titlu va fi afișată ca sfat ecran
atunci când treceți cu mouse-ul peste element:
<p title="I'm a tooltip">Acesta este un paragraf. </p>
EXERCIȚII
HTML FISA NR.2- Atribute

EXERCITII
1. Creați un fișier in Notepad numit second_page.html
2. Adăugați in fișier tag-urile pentru structura generală a unui fișier html(tag-ul html,head,body.
3. Setați titlul paginii “Atribute_HTML”
4. Introduceți un titlu Heading 1 cu textul “<body>”
5. Introduceți un paragraf în care enumerați atributele din această fișă (href,src,alt,height,
width,style,lang,title). Paragrafele vor avea font de culoare albastră.
6. Introduceți un tag pentru declararea limbii române a paginii.
7. Introduceți un tag pentru crearea unui hyperlink la adresa https://replit.com/.
8. Introduceti in secțiunea body o imagine cu logo-ul HTML și setați atributul alt la textul ”Detalii
HTML”
9. Setați înălțimea și lățimea imaginii la 100 pixeli.
10. Creați un paragraf cu atributul title.
11. Deschideți fișierul în browser și analizați rezultatele.
12. Încărcați fișierul second_page.htm în Teme pe Adservio.

S-ar putea să vă placă și