Napišite u HTML: Osnovni HTML koncepti

Lakše je nego što mislite

Dobar CMS olakšava postavljanje članaka na vašu web stranicu. Ali što točno postavljate? Nekoliko odlomaka teksta. Ako taj tekst nije pravilno oblikovan, vaš će lijepi članak izgledati slomljeno na vašoj web stranici.

Dobra vijest: ako naučite pisati u HTML-u, vaš će članak izgledati sjajno. S nekoliko osnovnih pojmova pisat ćete u HTML-u ni u kojem trenutku.

HTML: jezik web preglednika

"HTML" označava "HyperText Markup Language". Uglavnom, to je jezik za označavanje vašeg teksta , tako da može učiniti fancy stvari kao što izgleda podebljano ili povezati s nekim drugim stranicama.

HTML je osnovni jezik vašeg preglednika. Koriste se mnogi programski jezici za Internet (PHP, Perl, Ruby i drugi), ali oni sve naposljetku pljuju HTML. (Pa, ili JavaScript, ali držimo ovo jednostavno.)

Vaš preglednik preuzima HTML i čini ga lijepom web stranicom.

Naučite pisati u HTML-u, a znat ćete točno ono što govorite pregledniku.

HTML označi obični tekst

HTML je označni jezik, pa je većina "HTML" samo običan tekst. Na primjer, ovo je savršeno dobar HTML:

Zdravo. Ja sam HTML. Uzbudljiv. Da. Nevjerojatna.

Ali pričekajte, kažete. To ne izgleda kao jezik računala ! Izgleda kao engleski!

Da. Sada znate veliku tajnu. HTML (ako se koristi ispravno) je čitljiv tekst.

Saznajte iz iskustva procesora vašeg jezika

Naravno, želimo više od običnog teksta. Želimo, recimo, kurziv .

Već znate kako dobiti kurzivu u programu za obradu teksta (kao što je Microsoft Word ili besplatni LibreOffice). Pritisnite mali gumb I.

Sve što upisujete od tada je u kurzivu. Možete upisati stranice. Kako zaustaviti ovaj festival naglaska? Ponovno pritisnite tipku I. Sada je vaš font ponovno u normalu.

Ako se vratite na sredinu kurzivnih riječi i dodate neki tekst, bit će također u kurzivu. Postoji neka vrsta kurzivne zone između polazne točke, gdje ste "uključili" kurzivu i krajnje točke, gdje ste ih isključili.

Nažalost, te krajnje točke su nevidljive.

Nevidljive krajnje točke mogu uzrokovati puno boli. Previše je lako ukloniti kurzivu, a zatim pomaknuti kursor i pronaći da ste još uvijek kurzivom. Pokušavate ih ponovno isključiti, ali nekako si se opet preselio, pa ih isključujem stvarno ih prebacuje ... to je nered.

HTML upotrebljava oznake & # 34;

HTML također koristi završne točke. Razlika je u tome što u HTML-u možete vidjeti te krajnje točke. Upisujete ih. Zovu se oznake .

Recimo da želite iskoristiti ovaj raniji primjer. Želite istaknuti riječ "Uzbudljivo". Upitali biste se u Uzbudljivo . Kao ovo:

Zdravo. Ja sam HTML. Uzbudljivo . Da. Nevjerojatna.

To biste uštedjeli u uređivaču teksta, a zatim kopirajte i zalijepite HTML u okvir "novi članak" u svom CMS-u. Kada je preglednik prikazao stranicu, izgledao bi ovako:

Zdravo. Ja sam HTML. Uzbudljivo . Da. Nevjerojatna.

Za razliku od programa za obradu teksta, ne vidite kurziv dok ih upisujete. Upisujete oznake. Preglednik čita oznake, čini ih nevidljivim i prati njihove upute.

Može biti neugodno vidjeti sve te oznake, ali pravi alat za uređivanje teksta olakšava to.

Oznake otvaranja i zatvaranja

Ponovno pogledajte i oznake. se uključuje na kurzivu, baš kao i prvi klik na gumb I. isključuje kurziv, poput vašeg drugog klika.

Umjesto da kliknete gumb, upisujete male oznake. Otvaranje oznake za početak kurzivima, oznaka za zatvaranje da ih zaustavi.

Napominjemo razliku između oznaka. Zatvaranje ima /, kosu. Sve zatvaranje oznaka u HTML-u imat će taj slash.

Ne zaboravite Zatvaranje oznake

Zatvarajuće oznake su prilično važne. Što ako zaboravite na zatvaranje , ovako?

Zdravo. Ja sam HTML. Uzbudljivo. Da. Nevjerojatna.

Izgleda da ste zaboravili kliknuti na I ponovno za uklanjanje kurzivima. Dobit ćete ovo:

Zdravo. Ja sam HTML. Uzbudljiv. Da. Nevjerojatna.

Jedna propuštena oznaka može cijeli članak, pa čak i ostatak stranice, pretvoriti u rijeku kurzivom.

Ovo je vjerojatno najlakša i najneugodnija početnička pogreška koju možete napraviti. Ali lako je popraviti. Samo popiramo u zatvaranju oznake.

Sada saznajte neke oznake

Čestitamo! Razumijete osnovni HTML!

Obični tekst obilježen oznakama otvaranja i zatvaranja. To je gotovo.

Sada idite naučiti neke osnovne HTML oznake. (Možda biste htjeli dobiti prvorazredni urednik teksta.)