~~ SELAMAT DATANG KELAS 6 A dan 6 B ~~
Nama Guru : Silvia Ranti.S.Kom,
Nama Sekolah : SD Al-Azhar 2 Bandar Lampung
Kelas / Semester : C-6-1
Elemen : Teknologi Informasi dan Komunikasi (TIK)
Hari, Tanggal : Senin, 03 Agustus 2026
Pertemuan Ke : 3
Materi : Menggunakan Tag Pindah Baris dan Mengatur Peletakan Teks
Selamat Pagi, Anak sholeh dan sholehah….?
Apa kabarnya anak sholeh dan sholehah ? Alhamdulillah, Luar biasa, Allahuakbar.
Semoga kita semua selalu diberikan kesehatan dan selalu dalam lindungan allah swt. Aamiin
Format Teks Warna
Mengatur Warna Latar Halaman
Warna latar halaman dapat diatur menggunakan atribut bgcolor pada tag <body>, atau dengan cara yang lebih modern menggunakan style. Contoh penulisannya:
<body style="background-color: skyblue;">
Kita bisa menuliskan nama warna dasar (seperti red, blue, yellow) atau menggunakan kode warna heksadesimal sederhana untuk hasil warna yang lebih beragam.
|
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 |
Atribut Elemen BODY
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)
Elemen Heading <hx>
Tag
heading berfungsi untuk
memformat heading (judul dan
sub-judul) dari suatu halaman web. Heading ini akan memperbesar ukuran
huruf untuk setiap jenis heading. Ada
4 macam heading yang dikenal di HTML, yaitu dari <h1>, <h2>, <h3>,
<h4>. Penjelasannya dari ke 4 macam heading adalah :
<h1> : Huruf kapital atau besar di semua
tulisan
<h2> : Huruf besar di awal kalimat
<h3> : Huruf besar di setiap awalan kata
<h4> : Huruf kecil di semua tulisan
Pindah
Kebaris Berikutnya
untuk membuat baris baru atau berpindah baris digunakan
tag <br>, contoh:
<html>
<head>
<title>SD
AL-AZHAR BANDAR LAMPUNG</title>
</head>
<body>
PERGURUAN AL-AZHAR
<br>
BANDAR LAMPUNG
<br>
TK – SD – SMP –
SMA
</body>
</html>
Mengatur Peletakan Teks
Untuk mengatur peletakan teks digunakan tag <div> dan atribut
align. nilai yang dapat diisikan adalah sebagai berikut:
- Left, untuk mengatur teks rata kiri
terhadap halaman
- Center, untuk mengatur teks rata tengah
terhadap halaman
- Right, untuk mengatur teks rata kanan
terhadap halaman
- Justify, untuk mengatur teks rata kanan kiri terhadap halaman.
Memformat Teks
Untuk memformat Teks digunakan tag <strong> agar teks ditampilkan
dalam keadaan ditebalkan dan tag <em> agar teks ditampilkan dalam keadaan
miring atau bisa juga menggunakan elemen ragam karakter lain seperti:
<b>bold</b> menghasilkan huruf tebal
<i>italic</i> menghasilkan huruf miring
<u>underline</u> menghasilkan huruf bergaris bawah
Penutup
Demikian pembelajaran hari ini yang dapat ibu sampaikan, semoga materi yang ibu berikan dan sampaikan hari ini bermanfaat untuk anak sholeh – sholehah.. aamiin.
Terima Kasih, Ibu akhiri
Tidak ada komentar:
Posting Komentar