Kerangka Dasar Blog dan Web
Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.
HTML itu singkatan dari Hyper Text Markup Language.
Kerangka dasar Blog dan Web tersusun atas kode-kode HTML.
Berikut kerangka dasar Blog dan Web:
<!DOCTYPE html>
<html>
<head>
<title>Blog Ikhsan Falihi</title>
</head>
<body>
<h1>ini judul di kepala tulisan</h1>
<p>ini kode paragraf</p>
</body>
</html>
Kerangka dasar tersebut didahului dengan kode <!DOCTYPE html> kemudian dibuka dengan kode <html> dan ditutup dengan kode </html>.
<!DOCTYPE html> berarti bahwa dokumen ini merupakan dokumen HTML 5 dan membantu browser untuk menampilkan halaman blog atau web dengan benar.
<html> merupakan kode dasar sebagai pembuka halaman HTML.
</html> merupakan kode dasar sebagai penutup halaman HTML.
Kode pembuka <html> dan kode penutup </html> merupakan serangkaian pasangan yang tidak boleh dipisahkan ketika menulis kode-kode HTML.
<title> itu menunjukkan judul alamat link di browser Chrome. Kode ini juga harus ditutup dengan </title>.
Pada kerangka dasar tersebut ada
1) Bagian kepala yang dibuka dengan kode <head> dan ditutup dengan kode </head>
2) bagian badan yang dibuka dengan kode <body> dan ditutup dengan kode </body>
Kode <title></title> harus diletakkan di dalam kode <head> </head>. Teks Blog Ikhsan Falihi yang berada di dalam kode <title></title> jika di jalankan di browser Chrome, maka teks tersebut nampak di bagian kolom link, bukan di halaman posting blog atau web.
Adapun yang nampak di halaman posting blog atau web adalah teks yang berada di dalam kode <body></body>.
Oleh karena itu, jika kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>Blog Ikhsan Falihi</title>
</head>
<body>
<h1>ini judul di kepala tulisan</h1>
<p>ini kode paragraf</p>
</body>
</html>
ditampilkan di browser Chrome di HP Android, maka yang tampak di layar adalah tampilan teks berikut:
ini judul di kepala tulisan
ini kode paragraf
Sekali lagi, setiap penulisan kode-kode HTML selalu dibuka dengan kode <html> dan ditutup dengan kode </html>.
Setiap teks maupun gambar yang tampak di layar HP Android, laptop, maupun komputer adalah gambar dan teks yang ditulis dengan kode-kode HTML yang diletakkan di dalam kode <body></body> (maksudnya di antara kode <body> dan kode </body>).
Untuk menghias tampilan tulisan tersebut, maka dibutuhkan CSS. Namun dalam tulisan kali ini kita memfokuskan ke pembahasan HTML terlebih dahulu.
Untuk keperluan belajar menulis coding HTML, selanjutnya kita cukup menggunakan bagian body saja yaitu dengan struktur berikut
<!DOCTYPE html>
<html>
<body>
</body>
</html>
Struktur kode tersebut yang menampilkan berbagai teks maupun gambar di halaman posting blog maupun web. Oleh karena itu, jangan melupakan struktur tersebut setiap kita menuliskan kode-kode HTML pada pembelajaran kita kali ini.
