Pengenalan HTML
Apa itu HTML?
- HTML merupakan kependekan dari Hyper Text markup Language
- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
- File HTML harus memiliki ekstensi htm atau html
- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.
COBA BIKIN WEB
Mulailah dengan membuka Notepad. Buka dengan menggunkan tombol kombinasi windows + R (windows run) lalu ketikan notepad atau jika ingin lebih mudah jika ada error gunakan notepad++
Ketikkan teks berikut:
Ketikkan teks berikut:
<html><head><title>Judul Halaman</title></head><body>Ini halaman pertama saya. <b>Teks ini ditebalkan</b></body></html> |
Simpan dengan nama “latihan1.html” (ganti ekstensi menggunakan all file,dan simpan dengan __.html Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file latihan1.html. yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
- Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.
- Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
- Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
- Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
- Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
- Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.
Nah sekarang cobalah di notepad anda sendiri. semoga sukses bro!!
0 komentar:
Posting Komentar