HTML Editori

by

Za učenje HTML-a dovoljan vam je jednostavan tekstualni editor.

Učenje HTML-a pomoću Notepada ili TextEdita

Veb stranice se mogu kreirati i modifikovati korišćenjem profesionalnih HTML editora.

Međutim, za učenje HTML-a preporučujemo jednostavne tekstualne editore kao što su Notepad (za PC) ili TextEdit (za Mac).

Smatramo da je korišćenje jednostavnog tekstualnog editora dobar način za učenje HTML-a.

Pratite korake ispod da kreirate svoju prvu veb stranicu pomoću Notepada ili TextEdita.

Korak 1: Otvaranje Notepada (PC)

Za Windows 8 ili noviji:

  1. Otvorite Start meni (ikonu prozora u donjem levom uglu ekrana)
  2. Ukucajte „Notepad“

Za Windows 7 ili starije:

  1. Otvorite Start > Programi > Prilozi > Notepad

Korak 1: Otvaranje TextEdita (Mac)

  1. Otvorite Finder > Aplikacije > TextEdit
  2. Promenite neke postavke kako bi aplikacija pravilno čuvala fajlove:
    • U Preferences > Format izaberite „Plain Text“
    • Zatim u „Open and Save“ sekciji, označite opciju „Display HTML files as HTML code instead of formatted text“
  3. Otvorite novi dokument za unos koda

Korak 2: Napišite HTML kod

Napišite ili kopirajte sledeći HTML kod u Notepad/TextEdit:

<!DOCTYPE html>
<html>
<body>

<h1>Moj prvi naslov</h1>

<p>Moj prvi paragraf.</p>

</body>
</html>

Korak 3: Sačuvajte HTML stranicu

Sačuvajte datoteku na računaru. Izaberite File > Save as u Notepad meniju.

Nazovite datoteku „index.htm“ i postavite enkoding na UTF-8 (što je preporučeni enkoding za HTML datoteke).

[Pogledajte u pretraživaču]

Savet: Možete koristiti i .htm ili .html ekstenziju. Nema razlike – izbor je na vama.

Korak 4: Pregledajte HTML stranicu u pretraživaču

Otvorite sačuvanu HTML datoteku u svom omiljenom pretraživaču (dvoklikom na datoteku ili desnim klikom – i odabirom „Open with“).

Rezultat će izgledati otprilike ovako:

[Pogledajte u pretraživaču]

W3Schools Online Editor – „Probajte sami“

Uz naš besplatan online editor, možete:

  • Uređivati HTML kod
  • Videti rezultate u pretraživaču

Savršen je alat kada želite brzo testirati kod. Takođe ima:

  • Obojenu sintaksu
  • Mogućnost čuvanja koda
  • Deljenje koda sa drugima

Primer:

<!DOCTYPE html>
<html>
<head>
    <title>Naslov stranice</title>
</head>
<body>

<h1>Ovo je naslov</h1>
<p>Ovo je paragraf.</p>

</body>
</html>