Senin, Agustus 05, 2019

Editor html

HTML teks editor digunakan untuk menciptakan dan memodifikasi laman web. Kode HTML dapat ditulis pada teks editor apapun termasuk notepad. Cukup satu editor saja yang diperlukan untuk membuat HTML dan menyimpannya dengan ekstensi file ".html". Beberapa editor HTML yang populer digunakan adalah berikut ini:

satu, Notepad
dua, Notepad++
tiga, Sublime Text 3
empat, Atom

Notepad: Notepad adalah sebuah teks editor sederhana yang tersedia pada aplikasi dekstop Windows OS seperti diperlihatkan pada gambar 1.

teks editor notepad yang digunakan untuk membuat laman web pada microsoft
Gambar 1 notepad

Bracket: Bracket adalah software open source yang sering digunakan oleh para pengembang web. Bracket menyediakan fungsi edit HTML, CSS, JavaScript seperti diperlihatkan pada gambar 2.

bracket teks editor digunakan untuk membuat laman web html
Gambar 2 bracket

Sublime Text 3: Sublime adalah perangkat teks editor antar platform yang mendukung semua markup language seperti diperlihatkan pada gambar 3.

sublime text 3 merupakan teks editor yang digunakan untuk membuat laman web
Gambar 3 Sublime text 3

Atom: Atom adalah perangkat teks editor program yang bersifat open source dari MAC, Linux, dan Windows seperti diperlihatkan pada gambar 4.

teks editor Atom dipergunakan untuk membuat laman web pada browser
Gambar 4 Atom teks editor

Tahap-tahap menulis kode program pada editor:

satu, Buka teks editor yang digunakan. Untuk pembuatan kode HTML kali ini digunakan notepad teks editor seperti diperlihatkan pada gambar 5.

teks editor notepad digunakan untuk contoh pembuatan laman html
Gambar 5 teks editor untuk pembuatan html

dua, Membuat file baru : klik file-> new file atau Ctrl+N seperti diperlihatkan pada gambar 6.

pembuatan file baru menggunakan teks editor notepad
Gambar 6 membuat file baru menggunakan notepad

tiga, tulislah kode HTML pada teks editor seperti pada gambar 7.

penulisan kode html menggunakan teks editor notepad
Gambar 7 menulis kode html

empat, Simpan file dengan nama yang sesuai pilihanmu diakhiri dengan ekstensi .html (contoh : geeks.html) seperti diperlihatkan pada gambar 8.

penyimpanan file html pada notepad dengan ekstensi .html
Gambar 8 menyimpan file

lima, Buka file HTML yang telah disimpan menggunakan browser (klik double pada file, atau klik kanan dan open with lalu pilih browser yang digunakan) seperti diperlihatkan pada gambar 9.

membuka file html pada browser
Gambar 9 membuka file html pada browser

Berikut ini contoh kode program html:

Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Footer Adsense