După ce ne-am familiarizat cu structura de bază de bază a documentului HTML, este timpul să trecem la învățarea etichetelor HTML de bază, iar aici ne vom familiariza cu noțiunea de bloc și element de linie. Tot ce voi spune mai departe - toate acestea vor fi corpul documentului respectiv, ar trebui incluse în eticheta BODY. Când vorbim despre ce ar trebui să fie în eticheta HEAD, o voi marca separat.
Deci, în eticheta BODY, adică în corpul documentului (în partea vizibilă) pot exista două tipuri de elemente - bloc sau linie. Elementele de blocare au, de obicei, o etichetă DIV asociată, iar elementele cu litere mici au un SPAN. Dar acest lucru nu este necesar. Există câteva blocuri și elemente rând care au alte etichete și voi vorbi despre asta, dar în cele mai multe cazuri sunt DIV și SPAN care sunt principalele etichete.
Diferența dintre ele este următorul: atunci când vom crea un element de bloc (de exemplu, bloc), acesta va automat (dacă nu o spune în mod specific) ajustează lățimea acestuia la lățimea elementului în care este (care este, ajustat pentru lățimea elementului mamă). înălțimea blocului va fi ajustat la înălțimea blocului de conținut. Asta este, dacă scriem astfel:
Apoi obținem 2 blocuri cu lățimea întregii lățimi a documentului și înălțimea într-un rând, care se află unul sub altul. De ce se întreabă unii pe alții și nu unul după altul? Deoarece lățimea fiecărui bloc ocupă întreaga lățime a elementului în care se află DIV-ul nostru, iar DIV-ul nostru este în corpul BODY, lățimea lui este egală cu lățimea întregului document, iar blocurile sunt forțate să fie create unul sub altul. Un exemplu de astfel de bloc este un paragraf obișnuit al textului. Desigur, nu vedem blocurile în sine (limitele blocurilor), vom vedea numai conținutul acestor blocuri, dar vom înțelege clar structura în sine.
Spre deosebire de un element de bloc, există un element de linie - SPAN. Cu aceasta, situația este inversată - lățimea elementului de linie este egală cu conținutul. Prin urmare, dacă plasăm mai multe elemente rând consecutive unul după altul. de exemplu
elementele se vor alinia unul după altul orizontal. Eticheta SPAN poate fi utilizată pentru a selecta câteva litere într-un cuvânt, de exemplu,
Pentru a face mai ușor de înțeles, înlocuiți cuvântul "bloc" cu cuvântul "paragraf", iar cuvântul "șir" este termenul "cuvânt sau linie". Deci, devine mai clară, da? Paragrafele merg unul sub celălalt, indiferent cât de mari sunt acestea și cuvintele - una după cealaltă de la stânga la dreapta.
Iată diferențele cheie dintre elementele DIV și SPAN. Puteți să reprezentați aproximativ întreaga diferență între ele în acest fel:
Sper că diferența este mai mult sau mai puțin clară, da?
Acum: o regulă foarte importantă: nu puteți avea elemente bloc în interiorul literelor mici. Adică nu faceți niciodată acest lucru:
Dimpotrivă, vă rog, pot exista cât mai multe rânduri în bloc, dar nu pot fi blocate în rând. Trebuie doar să vă amintiți.
În continuare, voi prezenta la următorul tag-ul, voi marca - bloc este un element sau o linie. Acesta este un concept foarte important pe care trebuie să înțeleagă și amintiți-vă, pentru că nu toate cu litere mici aparent elemente sunt siruri de caractere în realitate. Un exemplu frapant - antetele de tip H1, H2, H3 - aceste elemente la nivel de bloc, mai degrabă decât cu litere mici (de fapt - doar elemente inline pot fi plasate în ele, și, în orice caz, este imposibil de a pune blocuri), dar vom vorbi mai mult în articolul următor.
Dacă vrem să ascundem temporar blocurile cu textul "Hello!" și "Pa!", puteți face acest lucru:
Și rețineți o regulă de aur: în HTML, orice cuvânt sau linie trebuie să fie marcat în mod necesar cu o etichetă. Acest lucru este important!
Articole similare
Trimiteți-le prietenilor: