Nama Guru : Resky Kusumawardati, S.Kom
Kelas : 6A - 6G
Tema : Mengenal HTML
Tujuan Pembelajaran : Siswa mampu memahami Struktur Dasar Dokumen HTML
Pembelajaran Ke : 3
Assalamu'alaikum wr wb
Bagaimana kabarnya anak sholeh sholehah? Semoga sehat dan selalu dalam lindungan Allah SWT aamiin. Semangat ya nak belajarnya.
Sebelum memulai belajar hendaknya baca doa terlebih dahulu ya, berdoa dimulai :
Aamiin yarabbal alamin.
Baik hari ini anak-anak silahkan untuk membaca seluruh materi "Struktur Dasar Dokumen HTML" sampai habis. Jika ada keterangan harus dicatat, dimohon untuk dicatat. Minggu depan Insya Allah tanggal 5 Agustus akan diadakan "Penilaian Harian 1"
SELAMAT BELAJAR
Struktur Dasar Dokumen HTML
Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :
<html>
<head>
<title>berisi judul yang muncul pada title bar webbrowser</title>
</head>
<body>
Berisi tentang text, gambar, atau apapun yang ingin anda
Tampilkan pada dokumen anda ada pada bagian ini.
</body>
</html>
Seperti terlihat, struktur file HTML diawali dengan sebuah tag <html> dan ditutup dengan tag </html>. Di dalam tagini terdapat dua buah bagian besar, yaitu yang diapit oleh tag <head> ... </head> dan tag <body> ... </body>.
Bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan pada browser.
Bagian kedua, yang diapit oleh tag BODY merupakan bagian yang akan ditampilkan pada halaman web browser nantinya.
Properti dokument diatur melalui atribut-atribut yang terdapat dalam elemen <body>. Sebagai contoh adalah pengaturan warna latar belakang halaman, warna teks, warna link dan lain-lain.
Dalam pengaturan warna menggunakan kode RGB yang mana ditampilkan dalam nilai heksadesimal. Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Sebagai contoh 00 pada dua digit pertama berarti tidak ada warna merah dalam kombinasi warna. Berikut ini adalah contoh kode warna : (Kode Warna di dalam Tabel ini dimohon untuk di Catat di Buku Tulis TIK nya. Yang lain tidak perlu dicatat, nanti akan ada di Modul TIK saat sudah dibagikan)
Warna | Heksadesimal |
White | #FFFFFF |
Black | #000000 |
Red | #FF0000 |
Green | #00FF00 |
Blue | #0000FF |
Magenta | #FF00FF |
Cyan | #00FFFF |
Yellow | #FFFF00 |
Aquamarine | #70DB93 |
Chocolate | #5C3317 |
Violet | #9F5F9F |
Brass | #B5A642 |
Copper | #B87333 |
Pink | #FF6EC7 |
Orange | #FF7F00 |
BACKGROUND= URI (background image for document)
BGCOLOR= Color (background color for document, default white)
TEXT= Color (text color for document, default black)
LINK= Color (link color for document, default blue)
VLINK= Color (visited link color for document, default purple)
ALINK= Color (active link color for document, default red)
Tag heading berfungsi untuk memformat heading (judul dan sub-judul) dari suatu halaman web.
Bagi yang sudah selesai membaca materi, dimohon untuk Mengisi Absen di Kolom Komentar Blogger, ketikkan Nama Lengkap beserta Kelasnya. Untuk hari ini tidak ada tugas.
Jangan lupa selalu menjalankan sholat lima waktu, sholat sunnahnya, beserta murojaah qur'an nya ya nak..
Terimakasih
Wassalamu'alaikum wr wb