Materi Pembelajaran untuk Kelas IX SMP Katolik Permata Bunda Cimanggis
Guru Bidang Studi : Ant. Maria Arini S.Skom
Kepanjangan dari HTML adalah Hyper Text Markup Language . HTML adalah kode yang menggunakan tanda < dan tanda > yang biasa di dalam web disebut TAG.
Struktur / Urutan HTML adalah
<HTML>
<HEAD>
</HEAD>
<TITLE>
</TITLE>
<BODY>
</BODY>
</HTML>
Arti dari struktur diatas adalah
<HTML> : untuk awal pembuatan web
</HTML> : untuk akhir/penutup pembuatan web
<HEAD> : untuk awal pembuatan judul karangan
</HEAD> : untuk akhir pembuatan judul karangan
<TITLE> : untuk awal pembuatan judul file dan hasilnya terletak pojok kiri atas
</TITLE> : untuk akhir pembuatan judul file
<BODY> : untuk awal isi pembuatan karangan / web
</BODY> : untuk akhir isi pembuatan karangan / web
Tag tag yang ada di HTML :
1. <B> kalimat </B>
untuk menebalkan tulisan
2. <U> kalimat </U>
untuk menggaris bawah tulisan
3. <I> kalimat </I>
untuk memiringkan tulisan
4. <MARQUEE> kalimat </MARQUEE>
untuk mengerakkan tulisan
terbagi tiga yaitu : marquee, alternate dan slide
Arah pergerakkannya
Marquee : muter trus
Alternate : bolak balik ( pembersih kaca)
Slide : satu kali gerak
Penulisan di program notepad adalah
<Marquee> kalimat </Marquee>
<Marquee behavior =”alternate”> kalimat </Marquee>
<Marquee behavior =”slide”> kalimat </Marquee>
5. <BR>
untuk baris baru atau enter
Jika tidak ada kalimat lagi di bawahnya maka tidak usah menggunakan <BR> di akhir kalimat dan tidak menggunakan </BR>
6. <Font Face=”Jenis tulisan sama dengan program Microsoft Word”> kalimat </Font>
untuk merubah jenis tulisan
7. <Font Size=”1 s/d 7, +1 s/d +7 , -1 s/d -7”> kalimat </Font>
untuk merubah ukuran tulisan
ukuran 1 adalah 8, 2 adalah 9 dst
8. <Font Color=”warna”> kalimat </Font>
Untuk merubah warna tulisan
16 warna pada HTML
Aqua
Maroon
Black
Navy
Blue
Purple Fuchsia
Red
Grey
Silver
Green
Teal
Lime
White
Olive
Yellow
Bisa juga ditambahkan kata dark atau light
Contoh : darkblue , lightskyblue, darkgreen
9. <Body BGCOLOR=”warna”>
Untuk mewarnai latar belakang halaman web
10. <HR Color=”warna” Size=”angka” Width=”angka” Noshade>
untuk membuat garis horizontal dari tengah ke kiri kanan
bagiannya berfungsi
Color untuk membuat warna garis horizontal
Size untuk mengatur tinggi baris
Width untuk mengatur lebar garis
Noshade untuk membuat garis tanpa 3D / bayangan
11. <P>
Untuk paragraph
12. Perataan tulisan harus menggunakan tag <P>
kecuali <Center>
<P Align=”Center”> kalimat </Center>
Atau
<Center> kalimat </Center>
untuk perataan tengah tulisan
<P Align=”Left”> kalimat </Align>
untuk perataan kiri tulisan
<P Align=”Right” >kalimat </Align>
untuk perataan kanan tulisan
<P Align=”Justify”> kalimat </Align>
untuk perataan kanan kiri tulisan tapi jika tulisannya hanya sedikit maka akan terlihat seperti perataan tulisan kiri
Buatlah Kode HTML nya Jika hasil nya sebagai berikut
 | ||
Jawaban di kirim lewat e-mail
tik.perbun@gmail.com
No comments:
Post a Comment