Struktur Halaman HTML
Struktur Halaman HTML
Struktur kode HTML pada dasarnya sebagai beriut:
<!DOCTYPE html>
<html>
<head>
<title>… Judul Website</title>
</head>
<body>
… ISI KONTEN
</body>
</html>
Maksud dari struktur kode HTML :
1. <!DOCTYPE html> adalah type dokumen yaitu HTML. Untuk halaman website versi terbaru diwajibkan mendeklarasikan type dokumen ini.
2. Tag <html> ditutup </html> yaitu mendefinisikan atau memberikan maksud dari pada kode tersebut adalah kode HTML. Tag ini wajib ada disetiap halaman HTML atau website.
3. Kedua tag <head> ditutup </head> yaitu kode bagian atau elemen atas atau kepala dari pada halaman HTML, yang bisa terdiri dari judul website <title>, tag meta author, deskripsi web, dll <meta>, kode <charset>.
4. Ketiga tag <title> </title> yaitu tag yang berfungsi membuat judul website. Yang diletakkan dibagian dalam antara tag <head> dan </head>.
5. Keempat tag <body> </body> yaitu bagian atau elemen untuk menampilkan isi/konten dari pada website. Semua isi web berada didalam tag body ini.
Terlihat mudah kan ? Iya, belajar HTML memang mudah. Tetapi jika Anda ingin membuat website yang besar, yang menarik banyak orang, HTML saja tidak cukup. Anda harus menguasai bahasa pemrograman lainnya seperti PHP.
dreamstime. com
Tetapi, tidak semudah itu Anda menguasai PHP atau bahasa pemrograman lainnya, apalagi jika Anda mulai dari 0. Sungguh berat.
Untuk menguasai bahasa pemrograman, tidaklah mudah. Butuh teknik khusus agar Anda bisa menguasai bahasa pemrograman. Apakah Anda ingin belajar bahasa pemrograman tanpa mengeluarkan banyak uang ?
• 6 Cara Efektif Belajar Bahasa Pemrograman Tanpa Keluar Uang Banyak
• 6 Hal Yang Harus Dikuasai Seorang Programmer Agar Disenangi Atasan
Didalam tag <body> terdapat banyak tag dan elemen yang berfungsi sebagai format teks, seperti dibawah ini:
<p> berfungsi membuat paragraph baru.
Heading dari <h1> sampai <h6> berfungsi membuat urutan font size teks, dari<h1> terbesar, sampai <h6> terkecil.
<b> adalah mencetak tebal suatu teks.
<i> mencetak miring suatu teks.
<u> mencetak garis bawah suatu teks.
<em> membuat penekanan pada teks.
<small> membuat teks tercetak kecil.
<strong> membuat teks tercetak penting.
<sub> membuat teks tercetak sebagai subscript.
<sup> membuat teks tercetak sebagai superscript/pangkat.
<del> membuat teks yang diapit oleh tag <del> akan dicoret seperti dikoreksi.
• <mark> membuat teks yang ditandai (highlighted), efek tulisan diberi “stabilo”.
<br> adalah ganti baris baru.
<hr> adalah membuat garis horisontal.
<form> berfungsi membuat halaman form/formulir.
<table> berfungsi membuat tabel. Dan masih banyak lagi.
Contoh Program Sederhana dari HTML
Cara menuliskan atau membuat kode HTML
– 1. Buka Text Editor seperti Notepad++, Sublime Text atau yang lain.
– Ketik kode dibawah HTML diatas.
– 2. Simpan kedalam format “.html” dan beri nama belajar-html.html.
– 3. Buka hasil latihan bernama, belajar-html.html dengan browser seperti: Mozila atau Chrome.
– 4. Jika benar akan menghasilkan tampilan dibrowser seperti dibawah ini.
Hasil di Browser:
Catatan: Tag-tag HTML tidak case sensitive, jadi tag HTML bisa digunakan dengan teks Kapital <HTML> atau kecil <html>.
Keduanya menghasilkan output yang sama. Tetapi didalam etika berprogram, konsistensi kode adalah sangat penting, terutama untuk memberikan kejelasan terhadap kode program tersebut.
Sekarang Anda pasti sudah tahu apa itu HTML. Setelah belajar HTML, Anda tidak tahu apa yang harus Anda kuasai lagi untuk membuat website ? Saya sarankan baca artikel mengenai apa saja yang harus dikuasai untuk membuat sebuah website yang berkualitas
<!DOCTYPE html>
<html>
<head>
<title>… Judul Website</title>
</head>
<body>
… ISI KONTEN
</body>
</html>
Maksud dari struktur kode HTML :
1. <!DOCTYPE html> adalah type dokumen yaitu HTML. Untuk halaman website versi terbaru diwajibkan mendeklarasikan type dokumen ini.
2. Tag <html> ditutup </html> yaitu mendefinisikan atau memberikan maksud dari pada kode tersebut adalah kode HTML. Tag ini wajib ada disetiap halaman HTML atau website.
3. Kedua tag <head> ditutup </head> yaitu kode bagian atau elemen atas atau kepala dari pada halaman HTML, yang bisa terdiri dari judul website <title>, tag meta author, deskripsi web, dll <meta>, kode <charset>.
4. Ketiga tag <title> </title> yaitu tag yang berfungsi membuat judul website. Yang diletakkan dibagian dalam antara tag <head> dan </head>.
5. Keempat tag <body> </body> yaitu bagian atau elemen untuk menampilkan isi/konten dari pada website. Semua isi web berada didalam tag body ini.
Terlihat mudah kan ? Iya, belajar HTML memang mudah. Tetapi jika Anda ingin membuat website yang besar, yang menarik banyak orang, HTML saja tidak cukup. Anda harus menguasai bahasa pemrograman lainnya seperti PHP.
dreamstime. com
Tetapi, tidak semudah itu Anda menguasai PHP atau bahasa pemrograman lainnya, apalagi jika Anda mulai dari 0. Sungguh berat.
Untuk menguasai bahasa pemrograman, tidaklah mudah. Butuh teknik khusus agar Anda bisa menguasai bahasa pemrograman. Apakah Anda ingin belajar bahasa pemrograman tanpa mengeluarkan banyak uang ?
• 6 Cara Efektif Belajar Bahasa Pemrograman Tanpa Keluar Uang Banyak
• 6 Hal Yang Harus Dikuasai Seorang Programmer Agar Disenangi Atasan
Didalam tag <body> terdapat banyak tag dan elemen yang berfungsi sebagai format teks, seperti dibawah ini:
<p> berfungsi membuat paragraph baru.
Heading dari <h1> sampai <h6> berfungsi membuat urutan font size teks, dari<h1> terbesar, sampai <h6> terkecil.
<b> adalah mencetak tebal suatu teks.
<i> mencetak miring suatu teks.
<u> mencetak garis bawah suatu teks.
<em> membuat penekanan pada teks.
<small> membuat teks tercetak kecil.
<strong> membuat teks tercetak penting.
<sub> membuat teks tercetak sebagai subscript.
<sup> membuat teks tercetak sebagai superscript/pangkat.
<del> membuat teks yang diapit oleh tag <del> akan dicoret seperti dikoreksi.
• <mark> membuat teks yang ditandai (highlighted), efek tulisan diberi “stabilo”.
<br> adalah ganti baris baru.
<hr> adalah membuat garis horisontal.
<form> berfungsi membuat halaman form/formulir.
<table> berfungsi membuat tabel. Dan masih banyak lagi.
Contoh Program Sederhana dari HTML
Cara menuliskan atau membuat kode HTML
– 1. Buka Text Editor seperti Notepad++, Sublime Text atau yang lain.
– Ketik kode dibawah HTML diatas.
– 2. Simpan kedalam format “.html” dan beri nama belajar-html.html.
– 3. Buka hasil latihan bernama, belajar-html.html dengan browser seperti: Mozila atau Chrome.
– 4. Jika benar akan menghasilkan tampilan dibrowser seperti dibawah ini.
Hasil di Browser:
Catatan: Tag-tag HTML tidak case sensitive, jadi tag HTML bisa digunakan dengan teks Kapital <HTML> atau kecil <html>.
Keduanya menghasilkan output yang sama. Tetapi didalam etika berprogram, konsistensi kode adalah sangat penting, terutama untuk memberikan kejelasan terhadap kode program tersebut.
Sekarang Anda pasti sudah tahu apa itu HTML. Setelah belajar HTML, Anda tidak tahu apa yang harus Anda kuasai lagi untuk membuat website ? Saya sarankan baca artikel mengenai apa saja yang harus dikuasai untuk membuat sebuah website yang berkualitas
About Unknown
Tidak ada komentar