HTML și CSS sunt strâns legate între ele, deci le vom considera într-un complex (repetând parțial informațiile prezentate în ramura "HTML"). Să începem de la început.
Ce este o pagină HTML?
O pagină HTML este un document text, informațiile în care este cuprins în instrucțiuni speciale pentru browser, numite etichete (descriptori). Etichetele sunt închise în paranteze unghiulare și au de obicei o etichetă de deschidere și o etichetă de închidere. Informațiile dintre eticheta de deschidere și cea de închidere sunt interpretate de browser, în funcție de valoarea acestei etichete.
caractere text bold
Orice pagină HTML trebuie să conțină un set obligatoriu de etichete. Iată un exemplu de pagină HTML goală cu etichetele necesare:
Mai multe detalii despre etichete nu vor mai fi, deoarece este discutată detaliat în ramura "HTML".
Să ne îndreptăm spre exemple concrete. Completați corpul paginii HTML cu informații pentru site-ul nostru de antrenament. Să luăm informațiile din Enciclopedia "Chiril și Metodiu", dedicată inelului de aur al Rusiei.
Cum arată pagina: Exemplul №1
Rețineți că browserul "nu înțelege" formatarea documentului în codul paginii HTML, dacă nu este făcut cu etichetele. Pentru ca textul din fereastra "browser" să poată fi citit, trebuie să plasați etichetele necesare în locul potrivit al paginii HTML. Să folosim eticheta paragrafului
și feed-line
(rețineți că eticheta newline nu are o opțiune de închidere).
Cum arată pagina: Exemplul # 2
Observați cum sa schimbat textul paginii - acum a devenit mai ușor de utilizat.
La designerul de web bun orice text din html-page ar trebui să fie în pereche de etichete. De obicei, acestea sunt etichete paragraf
. Textul dintre aceste două etichete este un paragraf. Există două etichete foarte utile pentru formatarea textului:- - blocul de text inclus în DIV, se termină cu traducerea liniei, aceasta se face automat. Când se utilizează DIV (spre deosebire de P), paragraful nu este introdus la începutul etichetei.
- - Zona de document în care se vor aplica parametrii de formatare. Spre deosebire de DIV m P, această etichetă poate fi aplicată oricăror elemente, chiar și litere individuale.
Exemplu de utilizare a etichetelor DIV și SPAN: Exemplu # 2a