File HTML hanyalah file teks yang disimpan dengan ekstensi .html atau .htm.
Dalam tutorial ini kalian akan belajar betapa mudahnya membuat dokumen HTML atau halaman web. Untuk mulai coding HTML, kalian hanya perlu dua hal yaitu editor teks sederhana dan browser web.
Baiklah, mari kita mulai dengan membuat halaman HTML pertama kalian.
Membuat Dokumen HTML Pertama
Mari kita ikuti langkah-langkahnya. Di akhir tutorial ini, kalian akan membuat file HTML yang menampilkan pesan “Hello world” pada browser web kalian.
Langkah 1: Membuat file HTML
Buka editor teks di komputer kalian dan buat file baru.
Tips: Kami menyarankan kalian untuk menggunakan Notepad [di Windows], TextEdit [di Mac] atau editor teks sederhana lainnya untuk melakukan ini; jangan gunakan Word atau WordPad! Setelah kalian memahami prinsip-prinsip dasarnya, kalian dapat beralih ke program yang lebih canggih seperti Adobe Dreamweaver.
Langkah 2: Ketikkan beberapa kode HTML
Mulai dengan window baru dan ketikkan kode berikut :
A simple HTML documentHello World!
Langkah 3: Menyimpan file
Sekarang simpan file di desktop kalian dengan nama “myfirstpage.html”.
Catatan: Penting untuk menyimpannya menggunakan ekstensi .html – karena jika tidak beberapa teks editor, seperti Notepad, akan secara otomatis menyimpannya sebagai .txt.
Untuk membuka file di browser. Arahkan ke file kalian lalu klik dua kali maka akan otomatis terbuka di browser Web default kalian. Jika tidak, buka browser kalian dan drag file nya.
Penjelasan Kode
Kalian mungkin berpikir tentang apa kode tersebut. Baiklah, mari kita cari tahu.
- Baris pertama adalah deklarasi tipe dokumen. Ini menginstruksikan browser web bahwa dokumen ini adalah dokumen HTML5. Tidak masalah tulisannya besar/kecil.
- Elemen adalah wadah untuk tag yang memberikan informasi tentang dokumen, misalnya, tag dimana tag ini untuk judul dokumen.
- Elemen berisi konten aktual dokumen [paragraf, tautan, gambar, tabel, dan sebagainya] yang dirender di browser web dan ditampilkan kepada pengguna.
Kalian akan belajar tentang berbagai elemen HTML secara rinci di bab-bab selanjutnya. Untuk saat ini, kita fokus pada struktur dasar dokumen HTML.
Catatan: Deklarasi DOCTYPE muncul di bagian atas halaman web sebelum elemen-elemen lainnya; namun deklarasi DOCTYPE itu sendiri bukan merupakan tag HTML. Setiap dokumen HTML memerlukan deklarasi DOCTYPE untuk memastikan bahwa halaman kalian akan ditampilkan dengan benar.
Tips: Tag , , dan membentuk kerangka dasar setiap halaman web. Konten di dalam tag dan tidak akan terlihat oleh pengguna dengan satu pengecualian: teks di tulis di antara tag dan yang muncul sebagai judul pada tab browser.
Tag HTML dan Elemen
HTML ditulis dalam bentuk elemen HTML yang terdiri dari tag markup. Tag markup ini adalah karakteristik dasar dari HTML. Setiap tag markup terdiri dari kata kunci, diawali dan ditutup oleh tanda kurung sudut, seperti , , , ,
, dan sebagainya.
Tag HTML biasanya berpasangan seperti dan . Tag pertama sering disebut tag pembuka , dan tag kedua disebut tag penutup .
Tag pembuka dan tag penutup identik, kecuali slash [/] setelah sudut pembuka tag penutup, untuk memberi tahu browser bahwa perintah telah selesai.
Di antara tag awal dan akhir kalian dapat menempatkan konten yang sesuai. Misalnya, paragraf, yang diwakili oleh elemen p, akan ditulis :
This is a paragraph.
This is another paragraph.
Kalian akan mempelajari berbagai macam variasi elemen HTML pada bab selanjutnya.
Dokumen html adalah sebuah format extensi file .html atau .htm dan mempunyai struktur dokumen html. B Diperbaharui: 03 February 2021 Untuk membuat dokumen file HTML sebenarnya sangat mudah. Pertama-tama kita harus mempersiapkan sebuah peralatan yang akan kita pakai seperti Browoser. Berikut listnya: Persiapkan juga teks editor seperti: Sangat disarankan jika Anda baru belajar HTML jangan menggunakan teks editor profesional seperti Sublime text, Visual Studio Code, Atom, Notepad++ dan yang lainnya.Persiapan
Membuat dokumen file HTML
Selanjutnya, untuk membuat sebuah dokumen file HTML cukup dengan empat langkah sederhana saja, Berikut langkah-langkah yang harus Anda ikuti:
Langkah 1: buka notepad
Untuk pengguna Windows 8 atau ke atas:
Buka Layar Start [gambar jendela di bagian kiri bawah pada layar Anda]. Ketik Notepad .
Untuk pengguna Windows 7 atau sebelumnya:
Buka Start > Programs> Accessories> Notepad
Judul post
Hello Word
Paragraf pertama.
Berikut penjelasan disetiap baris code:
mendefinisikan jenis dokumen HTML.
mendefinisikan elemen akar pertama pada halaman HTML.
mendefinisikan berisi informasi header pada dokumen HTML.
mendefinisikan judul halaman untuk dokumen HTML.
penutup tag title.
penutup tag head.
mendefinisikan berisi konten halaman yang akan terlihat.
penutup tag body.
penutup tag html.
Silakan Anda salin script di atas ke di file kosong dikomputer Anda.
Langkah3: Simpan file HTML
Simpan file yang tadi Anda buat: Pilih File> Save as.
Nama filenya bebas asal menggunakan extensi .html atau .htm sebagai contoh: “index.html” tanpa tanda kutip
Langkah 4: buka file HTML dengan browser
Buka file HTML yang tadi Anda buat dengan browser seperti: Google, Mozilla, Opera dll.
Hasilnya akan terlihat seperti ini:
Daftar ringkasan
mendefinisikan jenis dokumen HTML | |
mendefinisikan elemen akar pertama pada halaman HTML | |
mendefinisikan berisi informasi header pada dokumen HTML | |
mendefinisikan judul halaman untuk dokumen HTML | |
penutup tag title | |
penutup tag head | |
mendefinisikan berisi konten halaman yang akan terlihat | |
penutup tag body | |
penutup tag html |