Tutorial html

Tutorial HTML - Pagina 5

Lecția 3: Noțiuni de bază cu textul.

Dacă luați și copiați textul acestei lecții de la început până la prima imagine și inserați-l în prima pagină, veți vedea ceva de genul:

Tutorial html


După cum ați observat, textul merge împreună, fără pauze de paragrafe, de asemenea, nimic nu este evidențiat cu un antet, pe scurt, nu există formatare! Ie astfel încât browserul să afișeze textul corect, trebuie să specificați formatul acestuia.

Elementele principale ale formatării textului în html sunt:


P - folosit pentru a sparge textul în paragrafe

H1, H2. H6 - folosit pentru a crea anteturi 1,2. 6 nivele

BR - Folosit pentru a muta o linie

DIV, SPAN - Folosit pentru a selecta o parte dintr-un document într-un anumit mod.


P - utilizat pentru marcarea paragrafelor în documente html.

ALIGN - definește modul de aliniere orizontală a unui paragraf.

Valorile posibile sunt: ​​stânga. centru. dreapta. justifică. Acesta este, respectiv, stânga, centru, dreapta și lățime. Valoarea implicită este lăsată.

Acest paragraf din centru


A plecat


Acesta este, de asemenea, în stânga (deoarece implicit)


Aceasta pe dreapta


În acest paragraf, textul va fi aliniat la lățimea (simultan cu marginile din stânga și din dreapta ale documentului).
Nu înțelegeți că justificarea browserelor va alinia textul spre stânga


Dacă introduceți în Notepad, veți vedea în browser următoarele:

Tutorial html

Notă: asigurați-vă că conținutul în citate este scris fără spații;

. și nu

altfel nu va funcționa!

H1, H2. H6 - folosit pentru a sparge textul în nivele semantice - secțiuni și subsecțiuni. Există șase nivele de titluri care diferă în mărimea fontului.


ALIGN - determină modul de aliniere a anteturilor pe orizontală.
Valorile posibile sunt: ​​stânga. centru. dreapta. Valoarea implicită este lăsată.

Dacă scrieți următoarele în interiorul corpului documentului:


Un titlu mai mic


Chiar mai puțin


Foarte mic


Un titlu mic

Ei bine, doar un titlu lilliputian

Apoi, în browser veți vedea următoarele:

Tutorial html

Notă: eticheta de închidere este obligatorie!

BR - acest element efectuează transferul de linie. Nu are o etichetă de închidere.

Dacă scrieți următoarele în interiorul corpului documentului:

Prima linie începe

acum al doilea

dar deja al treilea

Și acesta este un paragraf, iar în interiorul acestuia puteți folosi eticheta
Ar trebui să fie folosită întotdeauna când trebuie să mutați un șir


Browserul va afișa următoarele:

Tutorial html

După cum probabil ați observat, atunci când mutați o linie, un nou paragraf nu pornește. Transferul este transferul.

DIV - În crearea site-ului modern este folosit ca un container convenabil pentru blocurile de cod HTML ale paginii, care pot fi manipulate dinamic - mutați, ajustați indentarea, ascundeți etc. Eticheta de închidere este obligatorie!


ALIGN - definește modul de aliniere orizontală a containerului.
Valorile posibile sunt: ​​stânga. centru. dreapta. justifică. Acesta este, respectiv, stânga, centru, dreapta și lățime. Valoarea implicită este lăsată.

Să presupunem că trebuie să aliniem primele două linii de text din exemplul anterior spre dreapta, fără a le separa într-un paragraf. Cum se face acest lucru?


Prima linie începe
acum al doilea


dar deja al treilea


Și acesta este un paragraf, iar în interiorul acestuia puteți folosi eticheta

Trebuie folosit întotdeauna când

Trebuie să mutați rândul


Și în browser vom vedea:

Tutorial html

Adică am luat două linii de cod, le-am închis într-un container DIV și l-am aliniat la dreapta! Astfel, puteți să închideți în container și 20 și 50 sau mai multe linii și să le manipulați.

Notă: Elementele de text sau HTML dintre etichetele de început și de sfârșit sunt alocate ca și cum într-un paragraf separat (dar liniuțele sunt mult mai mici).

În timp ce citiți textul de pe prima linie

Dar acum pe al doilea
Și acum pe a treia

Ca rezultat, vom vedea:


Tutorial html


SPAN - Folosit pentru a evidenția o informație și a le oferi stiluri diferite. Eticheta de închidere este necesară!
În sine, fără a folosi stiluri, elementul SPAN nu are sens!

Doriți să utilizați Adobe Dreamweaver - apoi studiați cel puțin elementele de bază ale html și

atunci veți înțelege cu ușurință acest program minunat!

Tutorial html

După cum puteți vedea, ca și cum nu am distinge nimic! Dar dacă înregistrați un stil pentru această etichetă, va începe să funcționeze.

Doriți să utilizați Adobe Dreamweaver - apoi studiați cel puțin elementele de bază ale html și

atunci veți înțelege cu ușurință acest program minunat!

Tutorial html

Astfel, folosind elementul SPAN, puteți atribui cel puțin fiecărei litere în text un stil diferit (culoare, dimensiune etc.)

Articole similare