Lecția 3 lucrează cu text

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:







Lecția 3 lucrează cu text

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 - utilizat pentru marcarea paragrafelor în documente html.







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

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

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

Lecția 3 lucrează cu text

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

și nu

altfel nu va funcționa!

↑ Sus ↑

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, centrul, dreapta. Valoarea implicită este lăsată.

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

Lecția 3 lucrează cu text

Notă: eticheta de închidere este obligatorie!

↑ Sus ↑

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
Este necesar să utilizați întotdeauna când este necesar să transferați o linie :)


Lecția 3 lucrează cu text

După cum probabil ați observat, atunci când mutați linia, noul paragraf nu pornește! Transferul este transferul!

↑ Sus ↑

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

ALIGN - definește modul de aliniere orizontală a containerului.
Valorile posibile sunt: ​​stânga, centrul, dreapta, justificați. 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
Este necesar să utilizați întotdeauna când este necesar să transferați o linie :)

Lecția 3 lucrează cu text

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

Notă: Elementele textului sau HTML dintre etichetele de început și de sfârșit sunt alocate ca și cum într-un paragraf separat (dar linia este mult mai mică).

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

Dar acum pe al doilea
Și acum pe a treia

Lecția 3 lucrează cu text

După cum puteți vedea textul conținut în elementul DIV este evidențiat într-o linie separată!

↑ Sus ↑

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!

Lecția 3 lucrează cu text

După cum puteți vedea, ca și cum nu am distinge nimic! Dar dacă înregistrați un stil pentru această etichetă, aceasta 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!

Lecția 3 lucrează cu text

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

↑ Sus ↑







Articole similare

Trimiteți-le prietenilor: