Belajar Editor HTML ( Bagian 2 )

Belajar Editor HTML ( Bagian 2 )

Description

Code Candil Kuya - Hallo Sobat Candil Code, di Artikel Kali Ini Kita Lanjut Pembelajaran HTML Bagian ke Dua Mengenai Belajar HTML Menggunakan Notepad atau TextEdit, Anda hanya perlu editor teks sederhana untuk mempelajari HTML, Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional. Namun, untuk mempelajari HTML kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac). 

Saya percaya bahwa menggunakan editor teks sederhana adalah cara yang baik untuk mempelajari HTML. Ikuti langkah-langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.

Belajar HTML Menggunakan Notepad atau TextEdit

Langkah 1

Buka Notepad (PC)

Windows 8 atau lebih baru:

Buka Layar Mulai (simbol jendela di kiri bawah layar Anda). Ketik Notepad .

Windows 7 atau sebelumnya:

Buka Mulai > Program > Aksesori > Notepad

Buka TextEdit (Mac)

Buka Finder > Aplikasi > TextEdit

Ubah juga beberapa preferensi agar aplikasi dapat menyimpan file dengan benar. Di Preferensi> Format> pilih "Teks Biasa"

Kemudian di bawah "Buka dan Simpan", centang kotak yang bertuliskan "Tampilkan file HTML sebagai kode HTML alih-alih teks yang diformat".

Kemudian buka dokumen baru untuk menempatkan kode.

Langkah 2

Tulis Beberapa HTML

Tulis atau salin kode HTML berikut ke Notepad:


<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
kode HTML

Langkah 3

Simpan Halaman HTML

Simpan file di komputer Anda. Pilih File > Simpan sebagai di menu Notepad.

Beri nama file "index.htm" dan atur pengkodean ke UTF-8 (yang merupakan pengkodean pilihan untuk file HTML).

index.htm

Tip: Anda dapat menggunakan .htm atau .html sebagai ekstensi file. Tidak ada perbedaan, itu terserah Anda.

Langkah 4

Lihat Halaman HTML di Browser Anda

Buka file HTML yang disimpan di browser favorit Anda (klik dua kali pada file, atau klik kanan - dan pilih "Buka dengan").

Hasilnya akan terlihat seperti ini:

Halaman HTML di Browser

Editor Online

Editor Online Candil Code - "Coba Sendiri"

Dengan editor online gratis kami, Anda dapat mengedit kode HTML dan melihat hasilnya di browser Anda.

Ini adalah alat yang sempurna ketika Anda ingin menguji kode dengan cepat. Ini juga memiliki kode warna dan kemampuan untuk menyimpan dan berbagi kode dengan orang lain:

Contoh


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Penutup

Saya membagikan tutorial Belajar Editor HTML ini hanya untuk tujuan pengujian dan pendidikan. Jika Ada Pihak Yang Merasa Di Rugikan, Silahkan kirimkan email kepada Saya Melalui Halaman Kontak Saya akan menghapusnya sesegera mungkin.

Semoga Tutorial diatas bisa bermanfaat untuk anda yang saat ini sedang memulai belajar programming, semoga bermanfaat aan Happy Ngoding

Baca juga :