HTML Код редакторын тухай

Код бичиж эхлэхийн тулд танд ямар нэгэн үнэтэй програм, тусгай тоног төхөөрөмж шаардлагагүй. Компьютерт байдаг энгийн текст боловсруулах програм ч хангалттай.

Анхны кодоо хэрхэн бичих вэ?

  1. Текст редакторыг нээх: Windows дээр Notepad, Mac дээр TextEdit (Format → Make Plain Text сонголтоор).
  2. Кодоо бичих: Доорх жишээ кодыг яг хэвээр нь бичнэ.
  3. Файлаа хадгалах: File → Save As, файлын нэрийг index.html гэж өгнө (заавал .html өргөтгөлтэй). Кодчилол (encoding) хэсэгт UTF-8 сонговол Монгол үсэг зөв харагдана.
  4. Браузер дээр нээж үзэх: Хадгалсан index.html файл дээрээ хоёр дахин дарахад веб хуудас гарч ирнэ.

Мэргэжлийн редакторууд

Цаашид илүү том төсөл дээр ажиллахад зориулсан, кодын өнгө ялгадаг, автоматаар гүйцээдэг үнэгүй хэрэгслүүд:

  • Visual Studio Code (VS Code) — орчин үеийн хамгийн алдартай редактор.
  • Sublime Text — хөнгөн, хурдан ажиллагаатай редактор.
  • Notepad++ — Windows системд зориулсан энгийн редактор.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
h1 { color: #1d4ed8; }
</style>
</head>
<body>
<h1>Сайн байна уу, Дэлхий!</h1>
<p>Би анхны веб хуудсаа амжилттай үүсгэлээ.</p>
</body>
</html>
Туршиж үзэх »