Html Tutorial pentru începători - Lucrul cu textul - Lecția 14

Lucrul cu textul

Deci, știm deja ceva. Acum este momentul să umpleți site-ul cu conținut. Sper că ați decis deja despre ce veți scrie? Dacă nu, luați un text mic, cu titlurile și deschizând shablon.html nostru favorit. lipiți-l între etichete și . Puteți chiar să introduceți acest text în Word. De obicei o fac. Uneori textul trebuie să fie editat de mai multe ori, să adăugați ceva, să corectați greșelile și inexactitățile. Și apoi, eu deja copiați versiunea finală și introduceți-o în Notepad.







Listare 6. Introducerea textului






Introduceți textul aici ...

M-am gândit puțin și am hotărât ca un exemplu să introducă un capitol din cartea lui N.V. Goncharenko "Geniul în artă și știință." Chiar îmi place. Sper că îți va place ...

Așa am scris în Cuvânt.

Html Tutorial pentru începători - Lucrul cu textul - Lecția 14

Text în Word

Ei bine, atunci. în Cuvânt sa dovedit și nu rău. Acum, copiați acest lucru și puneți-l în Notepad între și . astfel:

Listare 7. Text copiat

Și salvați acest fișier, spuneți sub numele text.html. apoi deschideți acest fișier în fereastra browserului și ce vom vedea? Și vom vedea așa ceva:

Html Tutorial pentru începători - Lucrul cu textul - Lecția 14

Asta am obținut fără formatarea etichetelor!

Ei bine, unde, întrebi, textul nostru este lăsat în paragraf? Unde se află tabela, unde sunt titlurile selectate și centrate? De ce este textul nostru răspândit în jurul ferestrei browserului, cum ar fi grâul? Da, trebuie să te dezamăgesc - browserul tău (și cel al meu) nu recunoaște tot ceea ce tocmai am enumerat.







Dar nu vă faceți griji! Acum, etichetele de formatare vor veni în ajutorul nostru! Doar sună!

Etichete de formatare a textului

Deci, pentru a rupe textul în paragrafe, trebuie să adăugăm o etichetă înaintea fiecărui paragraf

. Vreau să vă mulțumesc, că este posibil ca această etichetă să nu aibă un om de închidere cu o slash.

Și pentru a selecta cuvinte individuale, trebuie să includeți aceste cuvinte într-un container cu etichete, fiecare etichetă fiind responsabilă de un parametru. De exemplu, eticheta responsabil pentru textul îndrăzneț, - pentru oblice și, în plus, există etichete speciale pentru titluri. Există 6 nivele pentru anteturi: de la

până la
. Cel mai mare -

. cel mai mic -

. Nu uitați că numai aceste etichete au asociate etichete, adică după cuvântul pe care doriți să îl evidențiați, nu uitați să puneți o etichetă de închidere cu o slash. Containerele pot fi introduse una în cealaltă, doar trebuie să le inserați corect, ca o păpușă mică, într-una mare. De exemplu, ar fi corect să scrieți:

dar acest lucru este greșit:

Pentru a plasa rubricile noastre în centru, trebuie să adăugăm un atribut de aliniere .

- plasează titlul în centrul ferestrei browserului;

- în partea dreaptă a ferestrei;

- respectiv în stânga. Cu toate acestea, în mod prestabilit, browserul va adăuga textul dvs. în stânga.

Deschideți acum fișierul text.hml și efectuați modificările necesare:

Afișare 8. Adăugați etichete de formatare

Salvați documentul ca text2.html. și să vedem ce sa întâmplat în țara noastră:

Acest lucru pare a fi ceea ce este necesar! Și încercați acum mai multe etichete:


- linia de alimentare pe linie, eticheta necorespunzătoare;

Luați în considerare aceste etichete pe exemplul uneia dintre poeziile mele favorite de Irina Leo:

Nu e greu
Nu e important
Doar curajos
În cer faceți un pas
Și cu grijă
Unde este posibil
Un nor întunecat
Edge.
Șterge fețele,
Profiluri uitate
Și punctele sunt un fir persistent.
Deversări de lumină
Și se manifestă
Ce nu poate fi niciodată uitat.

Deschideți din nou shablon.html în notebook și scrieți:

Lista 9. O poezie







PERSECUȚIA
Fără nume

Salvați acest fișier ca text3.html. și deschideți-o în fereastra browserului. Rezultatul este aproximativ următorul

În general, așa cum au făcut ei, sa întâmplat.

Formare!

Introduceți orice text în formular, etichetele necesare, faceți clic pe "vezi" și admirați munca dvs.!







Articole similare

Trimiteți-le prietenilor: