PHP etichetă atribute și proprietăți. Etichete și atribute HTML
În HTML, tot ce scrieți într-un document HTML va fi afișat pe ecranul browserului ca text solid, adică browserul ignoră întreruperile de linie, iar mai multe spații pe care le introduceți pe rând sunt înlocuite cu unul singur.
Etichetele sunt comenzi de control care au fost inventate pentru a formata textul, de exemplu. etichetele spun browserului exact cum să afișeze porțiunea de text inclusă în etichete. Pentru a crea o etichetă, introduceți cod HTML între paranteze unghiulare, care este destinat numai browserelor. Vizitatorii site-ului nu văd etichete.
După cum sa menționat mai sus, toate etichetele încep cu un parantez unghiular< и заканчиваются угловой скобкой >. Paranteza unghiulară de deschidere este urmată de numele etichetei (comandă).
De exemplu, etichetați Conceput pentru a sublinia textul, browserele afișează un astfel de text cu caractere cursive. Când browserul întâlnește această etichetă, trece la formatarea textului după etichetă în font italic.
Să ne uităm la un exemplu:
Acest text este normal. Acest text este cu caractere cursive.
Etichetă numită etichetă de pornire sau de deschidere, ceea ce înseamnă că browserul a inclus o comandă specifică (în acest caz, scriind-o cu caractere cursive). Majoritatea etichetelor au o pereche sub forma unei etichete de închidere care dezactivează comanda.
Eticheta de închidere arată la fel ca eticheta de început, dar începe cu o bară oblică. Deci, eticheta finală pentru italice este - .
Să ne uităm la un exemplu:
Acest text este normal. Atenţie! Cursive. Acesta este din nou un font obișnuit.
După cum probabil ați observat, browserul analizează secvențial documentul HTML în căutarea comenzilor (etichete) și aplică sau dezactivează diverse opțiuni de formatare a textului. Browserul afișează text formatat (tot ceea ce nu este o etichetă) în fereastra sa.
Procesul de inserare a etichetelor în text simplu, neformatat se numește marcare într-un document HTML, iar etichetele sunt numite caractere de marcare. La scrierea etichetelor, nu se ține cont de cazul literelor; o etichetă poate fi scrisă atât cu litere mici, cât și cu majuscule, dar este totuși recomandat să folosiți majuscule. |
Mai jos sunt exemple de etichete HTML de bază, cu o explicație a utilizării lor, precum și exemple despre cum pot fi utilizate într-un document HTML.
Titluri
Există o etichetă specială pentru specificarea titlurilor în HTML. Există 6 niveluri de titluri în HTML, de la cele pentru cele mai importante anunțuri, la cele pentru cele mai puțin importante.
Limbajul de marcare hipertext H TML are o selecție largă de etichete pentru a oferi site-ului un aspect plăcut. De-a lungul timpului, un designer web începător realizează că simpla marcare a textului nu este suficientă. Printre paginile web moderne există adevărate opere de artă. Creatorii de site-uri se joacă cu fonturile de text, dimensiunile și plasarea elementelor după bunul plac. Sunt atributele HTMLvă permit să atribuiți anumite proprietăți etichetelor, să completați și să modificați conținutul acestora.
Atribute
Atributele sunt scrise în eticheta de deschidere și constau din două părți. Primul este numele, care este scris separat de un spațiu după numele etichetei. A doua parte este valoarea atributului, care este indicată după semnul „=” și cuprinsă între ghilimele duble. Atribute HTMLvariază pentru diferite etichete. Cele mai multe dintre ele îndeplinesc sarcini diferite, dar există câteva atribute comune. Ele pot fi aplicate multor elemente dintr-o pagină web.
O etichetă poate conține mai multe atribute. Sunt scrise unul după altul și se află exclusiv în eticheta de deschidere. Închiderea nu poate conține niciun atribut.
Atribute generice ale elementelor HTML
Există mai multe atribute care pot fi aplicate diferitelor etichete. Ei sunt responsabili pentru locația elementului pe pagină, înălțimea, lățimea, culoarea și alte efecte vizuale ale acestuia. Una dintre acestea este Alinia, cărora li se pot atribui 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ă. Îi puteți atribui valori sus, jos și mijloc. Următorul atribut universal este bgcolor, responsabil pentru Valoarea sa este indicată sub forma unui cod numeric adică una dintre culori RGB. Fundalul poate fi o imagine dacă utilizați atributulfundal.
Puteți da unui element un nume care va fi afișat când treceți cu mouse-ul peste el. Pentru a face acest lucru, utilizați atributul titlu, a cărui valoare este determinată de utilizator. Există un alt atribut similar care este folosit pentru a crea un identificator unic pentru un element. Acest atribut este numit id și permite creatorului site-ului să seteze stilul pentru o anumită etichetă. A lucra cu CSS utilizați un atribut numit clasă, care va fi tratat ca nume de etichetă în Cascading Style Sheets. Lățimea unui tabel, a unei imagini sau a unei celule poate fi setată folosind lăţime, iar înălțimea folosind atributulînălţime. Există și alte atribute globale, dar un începător cu greu va avea nevoie de ele.
Atributele etichetelor HTML
Există mai multe atribute utile care afectează întregul document HTML. Unele dintre ele pot fi aplicate fragmentelor individuale, de exemplu lang. Acest atribut specifică limba textului de pe pagina web. De ce este necesar acest lucru dacă site-ul arată corect fără a specifica limba? De fapt, unele personaje apar diferit în diferite limbi. De exemplu, ghilimelele pentru engleză arată astfel - „...”, iar pentru rusă arată astfel „...”. În unele cazuri, folosirea lang este necesară, dar adesea puteți face fără ea. Atributul xml:lang îndeplinește o funcție similară, dar este folosit în documentele XHTML.
Puteți seta nu numai limba documentului, ci și un indiciu special. Apare când treceți cu mouse-ul peste o pagină web și este setat folosind atributul titlu. Mai există un atribut pentru etichetă, specificând spațiul de nume al documentului XHTML. Numele lui este xmlns. Valoarea acestui atribut este un link -http://www.w3.org/1999/xhtml. Nu i se pot atribui alte valori.
Opțiuni de font CSS
Unele atribute HTML sunt folosite pentru a specifica fontul în CSS. Primul se numește font-family. Indică o listă de fonturi care vor fi folosite în orice element. Valoarea acestui atribut este numele fontului. Fontul selectat poate fi schimbat folosind font-style. Această opțiune poate face fontul italic sau italic. Valorile sunt normale, italice și oblice. Următorul atribut util pentru foile de stil în cascadă se numește font-variant. Cu ajutorul acestuia, puteți evidenția textul cu majuscule speciale. font-variant are doar două valori - normal și cu majuscule mici.
Un alt atribut pentru font se numește font-weight și este responsabil pentru grosimea textului. Poate fi setat la normal dacă aveți nevoie de litere de o grosime standard. Pentru textul ușor, setați valoarea mai ușoară, iar pentru textul semi-aldine, setați-o la aldin. Textul îngroșat este desemnat în acest atribut ca fiind mai aldine. Puteți seta grosimea caracterelor în format numeric. În acest caz, 100 este fontul subțire și 900 este cea mai groasă opțiune. Atributul font-size specifică dimensiunea fontului. Poate fi exprimat în puncte (pt), pixeli (px) și procente (%). Pentru a obține o dimensiune standard a fontului, setați acest atribut la normal.
Proprietățile textului
Cu utilizarea corectă a atributelor, puteți schimba nu numai fontul, ci și întregul text. Îl puteți seta folosind atributul line-height. Acest parametru este specificat prin specificarea unei valori exacte a pixelilor, a unui procent sau a unui multiplicator. Valoarea normală se aplică acestui atribut. Puteți adăuga efecte frumoase pentru text dacă este necesar. Există un atribut de decorare text pentru aceasta. Setați-l la niciunul dacă doriți să eliminați toate efectele de stil. Sublinierea va adăuga o linie deasupra textului și supralinierea va adăuga o linie deasupra textului. Valoarea intermitent va face textul să clipească, iar linia de trecere îl va stinge.
Un alt atribut util este text-transform. Dacă îl setați cu majuscule, textul va începe cu majuscule. Valoarea majuscule va face toate literele majuscule, iar literele mici, dimpotrivă, vor fi litere mici. Pentru a elimina toate efectele, setați acest atribut la niciunul. Text-indent vă va ajuta să ajustați indentarea primei rânduri. I se poate atribui o valoare în pixeli sau procente. Text -align este un atribut responsabil pentru alinierea textului. Valorile posibile pentru acest parametru sunt stânga, dreapta, centru, justificare. Nu încercați să vă amintiți imediat atributele principale; cartea de referință HTML vă va ajuta în etapa inițială.
Etichete și atribute HTML
Dacă decideți să stăpâniți arta de a crea pagini web, va trebui să vă amintiți o mulțime de etichete. Atributele HTML nu sunt mai puțin importante, deoarece fără ele este imposibil să creați un site web. Utilizarea cu pricepere a acestor componente lingvistice vă va permite să creați pagini web decente.
Unele etichete au propriile lor atribute unice care sunt dificil și imposibil de reținut. De aceea, chiar și designerii web experimentați păstrează la îndemână o referință HTML. Nu este nimic în neregulă cu asta, pentru că nu știi niciodată de ce etichetă sau atribut vei avea nevoie astăzi. Cu toate acestea, este recomandabil să vă amintiți atributele globale care pot fi aplicate majorității elementelor existente. Pentru a consolida materialul, încercați să aplicați cunoștințele dobândite în practică. Stăpânește limbajul HTML și îți va aduce o mulțime de emoții pozitive, precum și un venit solid.
Există două tipuri de etichete HTML - etichete container și etichete simple, care sunt întotdeauna incluse între paranteze unghiulare<...>.
Etichetele containerului constau dintr-o pereche - o etichetă de deschidere și una de închidere<...>.... Numele etichetei de închidere trebuie să fie precedat de o bară oblică (/). În eticheta de închidere nu trebuie să scrieți atributele prezente în eticheta de deschidere!
Etichetele unice sunt mai puțin frecvente și constau doar dintr-o etichetă de deschidere. Exemplu:
.
O etichetă poate avea atribute și valori ale atributelor. Exemplu: <тег имя_атрибута_1="значение" имя_атрибута_2="значение">...тег> . Atributele sunt adăugate unei etichete pentru a extinde sau modifica acțiunile acesteia.
Etichete și atribute
„_blank” - va deschide documentul într-o fereastră nouă.
„_parent” - va deschide documentul în cadrul părinte. Dacă nu există, se va deschide în fereastra curentă.
„_top” - anulează toate cadrele și încarcă pagina în fereastra completă a browserului; dacă nu există cadre, se va deschide în fereastra curentă.
„_self” - se va deschide în fereastra curentă (implicit pentru linkuri).
Metainformații. Servește în principal pentru roboții de căutare. Atribute și valori:
Descrierea documentului.
Cuvinte cheie.
Gestionarea procesului de indexare. Opțiuni posibile:
„index” - capacitatea de a indexa acest document. Viceversa - „noindex”
„follow” - capacitatea de a indexa toate documentele care sunt legate într-un anumit fișier HTML. Dimpotrivă - „nofollow”
„toate” - condiție simultană a 2 dintre cele de mai sus.
„niciunul” - stare simultană a primelor două enumerate. Viceversa.
Codificarea documentelor.
Indică faptul că documentul trebuie reîncărcat după 30 de secunde.
Указывает на таблицу стилей (CSS). Записывается в теге
. Есть 3 способа применения:1]
- Таблица связанных стилей. В href="..."
указывается путь к таблице.
2]
- Foaie de stil globală. Este scris în etichetă
3] exemplu- Foaie de stil internă. Înregistrat în etichetă.
Etichetă: