1. HTML
(HyperText Markup Language
Menerapkan Format Teks Pada Halaman Web
Membuat Kode Html Untuk Menampilkan Teks Dalam
Format Tertentu Pada Halaman Web
Pertemuan ke-5 XI-RPL
2. Pengertian HTML
• HTML (HyperText Markup Language) adalah salah satu
bahasa pemrograman web design dan juga bisa disebut
script untuk menyusun dokumen-dokumen web.
• Dokumen HTML disimpan dalam format teks reguler dan
mengandung tag-tag yang memerintah browser untuk
mengeksekusi perintah-perintah yang diberikan.
catatan :
Format teks reguler itu yaitu format teks pada umumnya seperti kita mengetik
di ms word. Menggunakan huruf alphabet(a,b,c … z atau A,B,C … Z),rata kanan atau kiri,
Tulisan nya bisa biasa ,tebal, miring atau menggunakan garis bawah, dsb.
4. Lanjutan…
Dari struktur dasar HTML slide sebelumnya dapat dijelaskan :
1. Tag
◦ Tag merupakan kode khusus HTML berupa 2 karakter “<” dan “>”
contoh <body> = tag dengan nama body
◦ Tag harus ditulis berpasangan, yang terdiri atas :
Tag pembuka
Tag penutup (ditambahkan dengan tanda garis miring (/) didalamnya)
◦ Contohnya tag pembuka dan penutup yaitu :
Contoh di slide sebelumnya ada <title> sebagai tag pembuka untuk membuat judul
halaman web. Kemudian ada </title> sebagai tag penutupnya
5. Lanjutan…
2. Element
o Element terdiri atas 3 bagian yaitu tag pembuka, isi, tag penutup.
Sebagai contoh untuk menampilkan judul dokumen HTML pada
browser digunakan element title, dimana pada contoh kode
sebelumnya terdapat :
Tag pembuka
Isi : judul yang akan ditampilkan
Tag penutup
disebut
1 element
Dengan nama
Element yaitu
Element title
8. Lanjutan…
• Element html
o Menyatakan pada browser bahwa dokumen web yang digunakan dalam isi
element html yaitu dokumen HTML
• Element head
o Isi dari element html yang merupakan kepala dari dokumen HTML.
• Element title
o Isi dari element head yang merupakan judul dari dokumen HTML yang akan
ditampilkan pada tab browser. Element title wajib terletak di dalam element
head.
• Element body
o Isi dari element html untuk menampilkan isi dokumen HTML . Element body
wajib terletak di bawah element head dan di dalam element html.
9. Lanjutan…
Tag-tag yang ditulis secara berpasangan tidak boleh saling tumpang
tindih dengan pasangan tag lainnya contoh pada penulisan element
head dan title :
salah
salah
Benar
Benar
10. Lanjutan…
3. Atribut
o Atribut mendefinisikan property dari suatu element HTML, yang terdiri
atas nama atribut dan nilai.
o Pengisian nilai atribut menggunakan angka atau kata dengan bahasa
inggris.
o Penulisannya adalah sebagai berikut :
11. Lanjutan…
Contoh pemberian atribut pada element body :
Pada tag pembuka di element body diisi dengan atribut bgcolor yang memiliki nilai black
untuk mengganti background menjadi hitam dan atribut text yang memiliki nilai yellow
untuk mengganti warna semua teks di dalam element body menjadi kuning
13. Tugas 3
Buatlah dokumen html di Dcoder untuk menampilkan :
- judul dokumen html : jurusan kalian
- isi dokumen html : nama lengkap kalian dan kelas kalian
- warna bacgkground :
◦ RPL 1 : hijau
◦ RPL 2 : ungu
◦ RPL 3 : biru
- Warna teks : sesuai yang kalian inginkan
Kirim screenshot kode HTML, hasil di browser beserta foto kalian sedang
mengerjakan ke WA pak yadi : 082119891688
Waktu pengumpulan : minggu, 20-09-2020 - jum’at, 25-09-2020 jam 23.59
WIB