Atributele HTML: vizualizări și aplicații. HTML-ghid

Limba de marcare Hypertext H

TMP are o selecție largă de etichete pentru a oferi site-ului un aspect plăcut. De-a lungul timpului, un designer web de novice înțelege că doar marcarea textului nu este suficientă. Printre paginile web moderne se găsesc opere de artă reale. Wizards pentru crearea de site-uri redă fonturi text, dimensiuni și locația elementelor așa cum doresc. Acestea sunt atributele HTML vă permit să atribuiți etichete anumitor proprietăți, să le adăugați și să le modificați conținutul.

atribute

Atributele sunt prescrise în eticheta de deschidere și constau din două părți. Primul este numele care este scris în spațiu după numele etichetei. A doua parte este valoarea atributului, care este indicat după semnul "=" și închis în ghilimele duble. Atributele HTML variază pentru etichete diferite. Cele mai multe dintre ele îndeplinesc sarcini diferite, dar există mai multe atribute comune. Acestea pot fi aplicate la multe elemente ale unei pagini web.

Atributele HTML

O singură etichetă poate conține mai multe atribute. Acestea sunt scrise unul după altul și sunt localizate exclusiv în eticheta de deschidere. Curentul nu poate conține niciun atribut.

Atribute universale ale elementelor HTML

Există mai multe atribute pe care le puteți aplica diferitelor etichete. Ele sunt responsabile pentru localizarea elementului pe pagină, înălțimea, lățimea, culoarea și alte efecte vizuale. Un astfel de - Alinierea, care pot fi atribuite valori dreapta, stânga sau centru. Aliniază eticheta pe orizontală, astfel încât poate fi utilă pentru majoritatea elementelor de marcare. valign face același lucru, dar pe verticală. Pot fi atribuite valori sus, jos și de mijloc. Următorul atribut universal - bgcolor, responsabil de culoarea de fundal. Valoarea sa este indicată sub forma unui cod numeric care semnifică una dintre culori RGB. Fundalul poate fi o imagine dacă utilizați atributul fundal.Directorul HTML

Un element poate primi un nume care va fi afișat când treceți peste el. Pentru a face acest lucru, utilizați atributul din titlu, a căror valoare este determinată de utilizator. Există un alt atribut similar, care servește la crearea unui identificator unic pentru element. Acest atribut este numit id și permite creatorului site-ului să stabilească stilul pentru o anumită etichetă. Pentru a lucra cu CSS utilizați un atribut numit clasă, care vor fi tratate ca nume de etichete în foi de stil cascadă. Lățimea mesei, a imaginilor sau a celulelor poate fi setată cu lățime, și înălțime - folosind atributul înălțime. Există și alte atribute globale, dar ele nu sunt necesare pentru un începător.

Atributele tag-ului HTML

Există mai multe atribute utile care afectează întregul HTML-documentul. Unele dintre ele pot fi aplicate, de exemplu, la fragmente individuale lang. Acest atribut specifică limba textului de pe pagina web. De ce este necesar acest lucru dacă site-ul pare corect și nu specifică o limbă? De fapt, unele caractere sunt afișate diferit pentru diferite limbi. De exemplu, citatele pentru engleza arata asa - "..." și pentru cel rusesc așa, "...". În unele cazuri, utilizarea lang este necesar, dar de multe ori puteți face fără ea. atribut xml: lang îndeplinește o funcție similară, dar este utilizată în documente XHTML.

HTML tag-uri și atribute



Puteți specifica nu numai limba documentului, ci și un indiciu special. Se afișează când plasați cursorul peste o pagină web și este setat utilizând atributul din titlu. Există încă un atribut pentru etichetă ,specificând spațiul de nume al documentului XHTML. Numele ei - xmlns. Valoarea acestui atribut este o referință - https://w3.org/1999/xhtml. Nu pot fi atribuite alte valori.

CSS Font Settings

Unele atribute HTML sunt folosite pentru a specifica un font în CSS. Primul dintre ei este numit font-family. Aceasta indică lista fonturilor care vor fi folosite în orice element. Valoarea acestui atribut este numele fontului. Fontul selectat poate fi schimbat cu Stil de font. Această opțiune poate face ca fontul să fie oblic sau să îl marcați cu caractere italice. Valori - normal (Normal), italic (italică) și oblic (înclinat). Următorul atribut util pentru foile de stil cascadă este apelat font-variant. Cu ajutorul acestuia, puteți selecta textul cu litere mari. în font-variant numai două valori - normal și mici-caps.

atribute globale

Se numește un alt atribut pentru font font-greutate și este responsabil pentru grosimea textului. Se poate atribui o valoare normale, dacă aveți nevoie de litere de grosime standard. Pentru un text ușor, brichetă, și pentru bold - bold. Caracterul bold este indicat în acest atribut ca mai îndrăzneață. Puteți specifica grosimea caracterelor într-un format numeric. În acest caz, 100 este un font subțire, iar 900 este cea mai groasă versiune. Utilizarea atributului font-size Specificați dimensiunea fontului. Acesta poate fi desemnat în punctele (pt), pixeli (px) și procente (%). Pentru a obține o dimensiune standard a fontului, setați acest atribut la normale.

Proprietăți de text

Folosind utilizarea corectă a atributelor, puteți modifica nu numai fontul, ci și întregul text. cere line spacing puteți utiliza atributul line-height. Acest parametru este setat prin specificarea valorii exacte în pixeli, procent sau multiplicator. Valoarea atributului este normale. Puteți adăuga efecte frumoase la text, dacă este necesar. Pentru aceasta, există un atribut text-decor. Atribuiți o valoare acesteia nici unul, dacă doriți să eliminați toate efectele de design. sublinia adăugați la subliniază textul, și overline - line deasupra textului. valoare clipi din ochi face ca textul să clipească și line-through trageți-l afară.

Un alt atribut util - text-transformare. Dacă îi alocați o valoare valorifica, atunci textul va începe cu majuscule. valoare majuscule va face toate literele majuscule și litere mici, dimpotrivă, litere mici. Pentru a elimina toate efectele, setați acest atribut la nici unul. HAstro-linia prima linie va ajuta text-liniuță. Se poate atribui o valoare în pixeli sau procent. text-alinia - atributul responsabil pentru alinierea textului. Valorile posibile pentru acest parametru sunt: stânga, dreapta, centru, justificați. Nu încercați să vă amintiți imediat atributele de bază, în stadiul inițial, ajutorul HTML vă va ajuta.

HTML tag-uri și atribute

Dacă vă decideți să stăpânești arta de a crea pagini web, va trebui să memorați multe etichete. Atributele HTML sunt la fel de importante, deoarece fără ele este imposibil să creați un site Web. Utilizarea cu îndemânare a acestor componente lingvistice va permite crearea de pagini web decente. atribute globaleUnele etichete au propriile atribute unice, care sunt greu de reținut și inutil de reținut. Prin urmare, chiar designeri web cu experiență păstrează un ghid HTML la îndemână. În acest lucru nu este nimic rușinos, pentru că niciodată nu știți ce etichetă sau atribut aveți nevoie astăzi. Cu toate acestea, este de dorit să amintim atributele globale care pot fi aplicate la majoritatea elementelor existente. Pentru a fixa materialul, încercați să aplicați cunoștințele dobândite în practică. Aflați limba HTML, și vă va aduce o mulțime de emoții pozitive, precum și un venit solid.

Distribuiți pe rețelele sociale:

înrudit
HTML-cod. Coduri HTML HTMLHTML-cod. Coduri HTML HTML
Selectați textul. Bold tip. Manual HTML pentru începătoriSelectați textul. Bold tip. Manual HTML pentru începători
Blochează aspectul tagurilor de div HTMLBlochează aspectul tagurilor de div HTML
Păstrați o linie în HTML: utilizați eticheta brPăstrați o linie în HTML: utilizați eticheta br
Structura documentului HTML: etichete principale, exempluStructura documentului HTML: etichete principale, exemplu
Comenzi HTML pentru crearea site-urilor WebComenzi HTML pentru crearea site-urilor Web
Lecție: cum să faci un link în HTML?Lecție: cum să faci un link în HTML?
Lista principalelor etichete HTMLLista principalelor etichete HTML
Formulare, număr, dimensiuni de etichete pentru șampanieFormulare, număr, dimensiuni de etichete pentru șampanie
Tag-uri HTML: aspect, programare, designTag-uri HTML: aspect, programare, design
» » Atributele HTML: vizualizări și aplicații. HTML-ghid