Piši u HTML: Basic HTML Concepts

Lakše je nego što mislite

Dobar CMS olakšava objavljivanje članaka na vašoj web stranici. Ali šta zapravo objavljate? Nekoliko paragrafa teksta. I ako taj tekst nije formatiran ispravno, vaš lijepi članak će izgledati slomljen na vašoj web stranici.

Dobra vijest: ako naučite pisati u HTML-u, vaš članak će izgledati sjajan. Sa nekoliko osnovnih koncepata, pišete u HTML-u za kratko vreme.

HTML: Jezik veb pregledača

"HTML" označava "HyperText Markup Language." U suštini, to je jezik za označavanje vašeg teksta , tako da može raditi stvari kao što su bold ili povezivanje sa nekim drugim sajtom.

HTML je osnovni jezik vašeg pretraživača. Koristimo mnoge programske jezike za Internet (PHP, Perl, Ruby i druge), ali svi oni na kraju spuštaju HTML. (Pa, ili JavaScript, ali hajde da ostanemo jednostavni.)

Vaš pretraživač uzima HTML i čini ga na lepoj web stranici.

Naučite da pišete u HTML-u, a tačno ćete znati šta to govorite pretraživaču.

HTML označava običan tekst

HTML je markup jezik, tako da je većina "HTML-a" samo običan tekst. Na primer, ovo je savršeno dobar HTML:

Zdravo. Ja sam HTML. Uzbudljivo. Da. Neverovatno.

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

Da. Sada znate veliku tajnu. HTML (kada se pravilno koristi) je čitljiv tekst.

Naučite se iz iskustva vašeg Word procesora

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

Već znate kako dobiti kurziv u programu za obradu teksta (kao što je Microsoft Word ili besplatni LibreOffice). Pritisnuti malo dugme I.

Sve što ukucate od tada je u kurzivu. Možete unositi stranice. Kako da zaustavite ovaj festival naglaska? Ponovo pritisnite dugme I. Sada se font ponovo vraća u normalu.

Ako se vratite na sredini kurzivnih reči i dodate neki tekst, to će biti i pošiljao. Postoji neka vrsta kurzivne zone između početne tačke, u kojoj ste "uključili" kurzivu, a krajnju tačku, gde ste ih isključili.

Nažalost, ove krajnje tačke su nevidljive.

Nevidljive krajnje tačke mogu izazvati puno bolova. Sve je previše lako isključiti kurzivu, a zatim napraviti neku grešku sa kursorom i pronaći da ste još u kurzivu. Pokušavate ponovo da ih isključite, ali nekako ste se preselili ponovo , pa ih isključivanjem stvarno prebacuje ... to je nered.

HTML koristi & # 34; Oznake & # 34;

HTML koristi i krajnje tačke. Razlika je u tome što u HTML-u možete videti ove krajnje tačke. Ti ih upišete. Zove se oznake .

Recimo da želite da izvučete taj raniji primer. Želite italicizovati riječ "Uzbudljivo". Ukucali biste Uzbudljivo . Volim ovo:

Zdravo. Ja sam HTML. Uzbudljivo . Da. Neverovatno.

Sačuvali biste ga u tekstualnom editoru, a zatim kopirajte i nalepite HTML u polje "novi članak" u vašem CMS-u. Kada je pregledač prikazao stranicu, izgledalo bi ovako:

Zdravo. Ja sam HTML. Uzbudljivo . Da. Neverovatno.

Za razliku od procesora za tekst, ne vidite kurzivu dok ih unosite. Unosite oznake. Browser čita oznake, čini ih nevidljivim i prati njihove instrukcije.

Može biti neprijatan da vidi sve te oznake, ali pravi tekst urednik to čini mnogo lakšim.

Otvaranje i zatvaranje oznaka

Ponovo pogledajte oznake i . uključuje kurzivu, baš kao i prvi klik dugmeta I. isključuje kurzivu, kao i vaš drugi klik.

Umjesto da kliknete na dugme, unosite male oznake. Otvaranje oznake za pokretanje kurziva, zatvaranje oznake da ih zaustavi.

Zabeležite razliku između oznaka. Zatvaranje ima /, kosu. Sve zatvorene oznake u HTML-u će imati tu kosu.

Ne zaboravite oznaku za zatvaranje

Zatezne oznake su prilično važne. Šta ako zaboraviš zatvaranje, ovako?

Zdravo. Ja sam HTML. Uzbudljivo. Da. Neverovatno.

Kao da ste zaboravili da kliknete na I ponovo da isključite kurzivu. Dobićete ovo:

Zdravo. Ja sam HTML. Uzbudljivo. Da. Neverovatno.

Jedna propuštena oznaka može pretvoriti ceo članak, ili čak i ostatak stranice, u reku kurzivu.

Ovo je verovatno i najlakša i najneverovatnija početnička greška koju možete napraviti. Ali to je lako popraviti. Samo popunite oznaku za zatvaranje.

Sada naučite neke oznake

Čestitam! Razumeš osnovni HTML!

Običan tekst označen sa oznakama za otvaranje i zatvaranje. To je prilično to.

Sada idite da naučite neke osnovne HTML oznake. (Možda želite prvo da dobijete pristojan tekst editor).