Scrieți în HTML: Concepte HTML de bază

Este mai ușor decât credeți

Un CMS bun face ușor să postați articole pe site-ul dvs. Dar ce anume postezi? Câteva paragrafe de text. Și dacă textul nu este formatat corect, articolul tău minunat va arăta rupt pe site-ul tău.

Vestea bună: dacă învățați să scrieți în HTML, articolul dvs. va arăta grozav. Cu câteva concepte de bază, veți scrie în HTML în cel mai scurt timp.

HTML: Limba browserului Web

"HTML" înseamnă "HyperText Markup Language". Practic, este o limbă pentru marcarea textului dvs., astfel încât acesta poate face lucruri de lux, cum ar fi arătați îndrăzneț sau link-uri către un alt site.

HTML este limbajul de bază al browserului dvs. Folosim mai multe limbi de programare pentru Internet (PHP, Perl, Ruby și altele), dar toate în cele din urmă scuipă HTML. (Ei bine, sau JavaScript, dar să păstrăm acest lucru simplu.)

Browserul dvs. ia codul HTML și îl transformă într-o pagină web destul de bună.

Aflați cum să scrieți în HTML și veți ști exact ce spuneți browserului.

HTML marchează textul obișnuit

HTML este un limbaj de marcare , deci majoritatea "HTML" este doar text simplu. De exemplu, acest lucru este perfect HTML bun:

Buna. Sunt HTML. Interesant. Da. Uimitor.

Dar așteptați, spuneți. Asta nu arata ca un limbaj de calculator ! Arată engleza!

Da. Acum știi marele secret. HTML (atunci când este folosit în mod corespunzător) este text lizibil.

Aflați din experiența procesorului dvs. de text

Desigur, vrem mai mult decât text simplu. Vrem, să spunem, italice .

Știți deja cum să obțineți cursivitate într-un program de procesare de texte (cum ar fi Microsoft Word sau gratuit LibreOffice). Apăsați micul buton I.

Tot ceea ce scrieți de atunci este în italică. Puteți introduce pentru pagini. Cum opresti acest festival de accent? Apăsați din nou butonul I. Acum, fontul dvs. revine la normal.

Dacă vă întoarceți la mijlocul cuvintelor italice și adăugați un text, acesta va fi de asemenea în caractere cursive. Există un fel de zonă italiană între punctul de plecare, unde ați "pornit" cursivitatea și punctul de sfârșit, unde le-ați dezactivat.

Din păcate, aceste obiective sunt invizibile.

Obiectivele invizibile pot provoca multe dureri. Este foarte ușor să dezactivați italica, apoi faceți o eroare cu cursorul și găsiți că sunteți încă în caractere cursive. Încercați să le dezactivați din nou, dar într-un fel s- au mutat din nou , așa că dezactivarea lor într-adevăr le comută pe ... este o mizerie.

HTML utilizează etichete & # 34;

HTML utilizează, de asemenea, obiective finale. Diferența este că în HTML, puteți vedea aceste puncte finale. Le introduceți. Se numesc etichete .

Să presupunem că doriți să măturăm exemplul anterior. Doriți să redimensionați cuvintele "Exciting". Ați tastat Exciting . Asa:

Buna. Sunt HTML. Interesant . Da. Uimitor.

Ați salva acest lucru în editorul dvs. de text, apoi copiați și inserați codul HTML în caseta "nou articol" din CMS. Când browserul a afișat pagina, ar arăta astfel:

Buna. Sunt HTML. Interesant . Da. Uimitor.

Spre deosebire de un procesor de text, nu vedeți italica pe măsură ce le tastați. Introduceți etichetele. Browserul citește etichetele, le face invizibile și le urmează instrucțiunile.

Poate fi enervant să vezi toate etichetele, dar editorul de text potrivit îl face mult mai ușor.

Etichete de deschidere și închidere

Priviți din nou etichetele și . se transformă în italice, la fel ca primul clic al butonului I. se oprește cu caractere italice, ca al doilea clic.

În loc să faceți clic pe un buton, introduceți etichete mici. O etichetă de deschidere pentru a porni cursiv, o etichetă de închidere pentru a le opri.

Observați diferența dintre etichete. Închiderea are un /, o slash. Toate etichetele de închidere din HTML vor avea acea valoare.

Nu uitați eticheta de închidere

Etichetele de închidere sunt destul de importante. Dacă uitați încheierea , așa?

Buna. Sunt HTML. Interesant. Da. Uimitor.

E ca și cum ai uitat să dai din nou clic pe I pentru a porni italicul. Veți obține acest lucru:

Buna. Sunt HTML. Interesant. Da. Uimitor.

O singură etichetă ratată poate transforma întregul articol, sau chiar restul paginii, într-un râu cu caractere cursive.

Aceasta este probabil cea mai ușoară și cea mai neplăcută greșeală a începătorului pe care o puteți face. Dar este ușor de rezolvat. Doar sărit în eticheta de închidere.

Acum aflați câteva etichete

Felicitări! Intelegi HTML-ul de baza!

Textul obișnuit a fost marcat cu etichete de deschidere și închidere. Cam asta e tot.

Începeți acum să aflați câteva etichete HTML de bază. (Poate doriți să obțineți mai întâi un editor de text decent).