Pentru a accesa o linie nouă, utilizați o etichetă (etichetă)
. Spune browserului să nu mai plaseze text și alte elemente ale paginii în linia curentă și să treacă la o nouă linie. Această etichetă (etichetă) nu are omologul său slash, așa-numita etichetă de închidere (etichetă).

Utilizarea principală a acestei etichete este de a forța elementele în linie să fie plasate într-o anumită locație a paginii. De asemenea, este convenabil în cazurile în care este necesară creșterea zonelor goale dintre elementele individuale ale paginii.

Am fost parțial prezentate titlul paginii H1 și paragraful P în prima lecție despre structura unui document HTML. Acum să ne uităm la etichetele de markup logice: titluri, paragrafe, liste, elemente vizibile ale elementului Body și etichete de formatare fizică mai detaliat. Pentru a face acest lucru, să schimbăm ușor pagina noastră exemplu sau să o tastam din nou:

În pagina noastră html de antrenament am adăugat (marcat cu săgeți, o dată): un titlu de nivel 2 - o etichetă H2, două titluri de nivel 3 - o etichetă H3, un alt paragraf - o etichetă P, o listă cu marcatori - Ul și mai multe etichete de formatare fizică . Să deschidem pagina în browser:

Etichetele H1-H3 indică titluri de diferite niveluri - sunt șase în total. Titlul celui mai de jos nivel, respectiv, este H6. Titlurile trebuie folosite logic, iar titlul H1 de nivel superior ar trebui să apară o singură dată pe pagină. Titlul H1 este afișat cu font mare de către browsere, iar dimensiunea fontului din titlurile nivelurilor următoare este redusă corespunzător.

Boții de căutare acordă o importanță deosebită conținutului titlurilor de nivel superior. Și este mai ușor pentru utilizatori să navigheze pe o pagină cu titluri construite logic corect.

Etichete de formatare fizică

Există o bară orizontală vizibilă pe pagină după al doilea paragraf - este creată de elementul Hr, care nu are o etichetă de închidere. Eticheta Br înseamnă o linie nouă, de asemenea, nu este asociată - fără o etichetă de închidere. Când formatați textul, puteți utiliza mai multe elemente Br la rând - fiecare următor va adăuga o nouă linie goală.

Acum să acordăm atenție cuvântului „corp” din al doilea paragraf, inclus într-o etichetă B pereche, care face cuvântul îndrăzneț. Și expresia „format text” este afișată cu caractere cursive - acest lucru se realizează folosind eticheta I Eticheta U setează sublinierea (nu este în exemplul nostru).

Pe lângă aceste etichete care evidențiază fragmente de text, există și o etichetă Strong în HTML - evidențiază un fragment care este important ca semnificație (bold). Și eticheta Em este puțin mai puțin importantă (cursive). Boții de căutare acordă o atenție mai mare acestor două etichete, care indică expresii care sunt importante în sensul lor logic. Este recomandabil să includeți cuvinte cheie în ele, dar nu trebuie să exagerați. Același lucru este valabil și pentru titluri.

Iată câteva etichete fizice de formatare a textului: Q - Evidențiază un citat într-o linie. Element blockquote - această etichetă poate conține mai multe paragrafe.

Eticheta de cod este folosită pentru a marca fragmentele de cod, trebuie utilizată cu rupturi de linie Br și spații neîntrerupte: sunt folosite simboluri speciale pentru a le desemna. simbol (primul caracter - ampersand: tasta 7 cu Shift apăsată în aspectul englez). Dar eticheta Pre afișează codul programului așa cum este, cu spații și atâtea rânduri câte sunt în cod.

Acestea sunt cele mai utilizate elemente de formatare a textului pentru alte etichete de formatare și caractere speciale, vezi Referința HTML, aflată pe același site - are o navigare alfabetică ușoară.

Crearea listelor html

Rămâne să luăm în considerare crearea de liste, o avem marcată și specificată de eticheta asociată Ul, iar elementele, sau elementele sale, de eticheta Li (prima captură de ecran). Folosind atributul type, atât pentru etichetele Ul, cât și pentru Li, putem schimba tipul de marker. Implicit, i.e. dacă atributul nu este specificat, valoarea acestuia este „disc” - un cerc. Puteți seta atributul tip cu valoarea „cerc” - cerc. Sau cam asa:

- vom obține o listă cu marcatori pătrați.

De fapt, nu mă voi concentra pe alte atribute ale etichetei decât cele obligatorii și câteva exemple pentru înțelegere generală. Pentru a seta stiluri, este mai bine să folosiți proprietățile CSS - vom ajunge la ele și veți găsi atributele în cartea de referință.

Pe lângă cele marcate, există liste numerotate, care sunt specificate cu eticheta Ol, și elemente de listă, precum cele marcate, cu eticheta Li. În plus, pentru ambele tipuri de liste puteți crea liste imbricate. Să complicăm sarcina și să ne schimbăm lista din pagina exemplu în următoarele:



Să deschidem pagina în browser și putem vedea clar: o listă numerotată cu o listă cu marcatori imbricată în ea, pentru care valoarea „pătrat” a atributului tip specifică marcatori pătrați.

Etichete care definesc paragraf, spațiu, bloc HTML și paragraf

Să ne uităm la asta în detaliu Blocuri și paragrafe HTML ca elemente ale unei pagini web.

• Paragraf HTML definite de etichete.
• Paragrafe HTML de obicei conțin text, etichete de formatare și imagini.
• Paragraf HTML nu poate conține elemente de bloc, cum ar fi anteturi
  

  -

  , bloc
  si alte paragrafe.
• Bloc HTML definite de etichete
  .
• Bloc HTML poate conține orice elemente ale unei pagini web, în ​​orice cantitate.
• blocuri HTML Excelent pentru pagini web și ușor de manipulat.

Luați în considerare codul de mai jos:

Rezultat:

Putem vedea asta Paragrafe HTML au indentări verticale - aceasta este o caracteristică a etichetelor. blocuri HTML

astfel de spații nu sunt create pentru că nu poartă nicio încărcătură, ci sunt pur și simplu containere.

Etichetele nu pot conține alte sau

. Elementele liniare pot fi plasate în interior, cum ar fi sau, de exemplu, etichete responsabile pentru formatarea textului.

Etichetele și , în principiu, sunt același lucru, dar consorțiul W3C recomandă folosirea literelor mici. În noua versiune de HTML, ca și în XHTML modern, este interzisă utilizarea majusculelor la scrierea etichetelor.

bloc

poate conține câte doriți
si alte elemente HTML document. Este ideal pentru aspect, dar mai multe despre asta mai târziu - în lecțiile tutorialului CSS.

Spațiu HTML din tabelul cu caractere speciale

Spațiu HTML vă permite să măriți distanța dintre cuvinte și caractere.

Cât despre spațiile dintre cuvinte, oricâte sunt în Notepad, adică în codul sursă, pe pagina web va fi afișat doar unul. Dacă trebuie să măriți distanța, utilizați caracterul spațiu din tabelul cu simboluri. Vă puteți întreba: De ce sunt necesare aceste semnificații codificate ale caracterelor obișnuite? - Voi răspunde: Sunt necesare pentru a afișa, de exemplu, astfel de paranteze< >. Cu alte cuvinte, pentru a afișa etichete pe ecran, în editorul meu scriu: . Etichete , după cum ne amintim, convertiți textul în monospațiu (dactilografiat).

Modalități de afișare a unui paragraf HTML

Exemple de ieșire de paragraf.

Categorie: . Niciun comentariu încă. Publicat: 17.05.2012.

Buna ziua, astazi ne vom uita la un subiect foarte necesar precum structurarea textului in HTML si dupa citirea acestui articol vom putea structura corect si frumos textul care se afla pe pagina site-ului nostru. În articol vă voi spune și, bineînțeles, vă voi arăta cu exemple cum să creați paragrafe pentru pagini, să creați titluri de diferite niveluri și, de asemenea, să adăugați mai multe tipuri de liste. Acum să trecem la procesul de structurare a textului în sine.

Fără etichete de paragraf, textul nostru de pe pagină va arăta ca o bucată mare de text care nu este convenabilă pentru vizitator, așa că a fost creată o etichetă care creează paragraf în htmlși datorită acestui lucru puteți împărți textul mare în părți logice. Această etichetă arată astfel: între aceste două etichete ar trebui să existe text, care va fi apoi separat de textul principal.

Să ne uităm la eticheta de paragraf cu un exemplu. Am pregătit deja o bucată mare de text pentru aceasta, pe care o vom structura. Deschideți documentul într-un program de editare, puteți utiliza notepad sau notepad++. Deschidem documentul și vedem că avem doar o bucată mare de text, fără nicio diviziune.



Acum să punem eticheta noastră în document la fiecare patru până la cinci rânduri de text.



Și acum să salvăm fișierul și să-l deschidem în orice browser.



Acum vedem că textul nostru este împărțit în multe părți logice și textul a devenit acum mult mai convenabil de citit. Sper că înțelegeți cum puteți împărți textul în părți logice (paragrafe) și va fi mult mai convenabil pentru vizitatorii dvs. să citească articolele.

Orice text nu se poate lipsi de titluri și subtitluri, care diferă ca semnificație și importanță. Eticheta h1-h6 este responsabilă pentru titlurile în html și în funcție de număr se determină dimensiunea titlului, toate titlurile sunt evidențiate cu text aldine. Să ne uităm la utilizarea antetelor cu un exemplu.



Toate aceste anteturi de pe site vor arăta astfel:



Pentru a optimiza paginile de pe un site web, trebuie să folosiți cu mare atenție titlurile, în special etichetele h1 și h2. Ar trebui să existe un singur titlu h1 pe pagină, acesta ar trebui să fie titlul principal al site-ului și toate celelalte sunt subtitluri. Utilizați h2 o dată sau de două ori, nu mai des și puteți utiliza toate celelalte titluri în medie de cinci până la șase ori, iar acest lucru poate avea un efect pozitiv asupra optimizării.

Liste în HTML.

În HTML putem crea și liste pe o pagină, listele sunt foarte utile pentru furnizarea de informații pe un site web. Listele sunt, de asemenea, foarte utile atunci când creați șabloane de site-uri web și vom aborda toate acestea puțin mai târziu. Ei bine, acum vom trece la luarea în considerare a tuturor opțiunilor de listă, cum ar fi o listă numerotată, o listă cu marcatori.

Lista numerotata in HTML.

Vom începe discuția despre subiectul listelor în HTML cu o listă numerotată în HTML și acum putem începe în siguranță să studiem. Primul lucru pe care îl vom face este să pregătim o listă pentru a demonstra capabilitățile unei liste numerotate în HTML. Să luăm un exemplu din viață și să scriem o listă pentru a merge la supermarket.

Ketchup
Maioneză
Sare
Piper
Mărar
Vânătă
rosii

Acum lista a fost compilată și începem să o formatăm. Lista numerotata in HTML este specificat folosind o etichetă pereche și acum, folosind un exemplu, ne vom uita la procesul de creare a unei liste numerotate.

În primul rând, trebuie să includem toate elementele din listă într-o etichetă.

Sarcină

Adăugați o liniuță la primul rând al fiecărui paragraf.

Soluţie

Când trebuie să setați indentarea paragrafului, numită și indentare, cel mai bine este să utilizați proprietatea stilului text-indent. Valoarea acestuia determină cât de mult să deplaseze textul primei rânduri la dreapta din poziția inițială. Lățimea blocului de text nu se modifică și rămâne setată inițial. Cantitatea de indentare poate fi specificată în pixeli, procente sau alte unități disponibile (exemplul 1).

Exemplul 1: Indentarea primului rând

HTML5 CSS 2.1 IE Cr Op Sa Fx

Pandemoniul Babilonian, conform legendei biblice, este încercarea eșuată a regelui Nimrod de a construi un stâlp înalt în Babilon. Dumnezeu, supărat pe oameni pentru dorința lor nesăbuită, a hotărât să-i pedepsească pe constructori: le-a încurcat limbajul astfel încât aceștia să înceteze să se mai înțeleagă, au fost nevoiți să oprească construcția și încetul cu încetul s-au împrăștiat în toată lumea. De aici, după cum au explicat anticii, a venit diferența de limbi.

În conceptul obișnuit, pandemoniul babilonian înseamnă dezordine, confuzie cu o mulțime mare de oameni.





Rezultatul acestui exemplu este prezentat în Fig. 1.