Modul HTML 5
Modul HTML 5
1. Tujuan
a. Siswa dapat mengetahui tentang pembuatan Text Formating pada HTML
b. Siswa dapat menggunakan penulisan Text Formating pada HTML
2. Prosedur Percobaan
a. Buat folder di Drive D:, dengan nama folder nama anda_absen. Misal :
Faizi_05
b. Buat subfolder praktek 1 di dalam folder yang sudah dibuat sebelumnya.
c. Bukalah aplikasi web editor (seperti: Notepad, Notepad ++) dan dan tuliskan
beberapa elemen struktur dokumen HTML yang ada dalam kajian teori singkat
yang dianjurkan untuk diuji coba pada contoh di bawah.
d. Simpan elemen-elemen struktur dokumen HTML tersebut dalam format : *.html
e. Jalankan masing-masing contoh elemen-elemen struktur dokumen HTML
tersebut dengan bantuan : Internet Explorer atau Internet Mozilla Firefox atau
Opera atau Chrome atau browser lain yang tersedia di dalam komputer saudara.
3. Kajian Materi
Teks miring biasanya digunakan untuk menegaskan sebuah kata atau istilah
baru. Teks miring di HTML dapat kita buat dengan tag <i> (italic) dan juga
tag <em> (emphasis).
Contoh :
Hasilnya:
Garis bawah biasanya digunakan untuk menandai teks yang disisipkan atau
teks yang mimiliki arti penting dibandingkan teks normal lainnya.
Garis bawah di HTML dapat kita buat dengan tag <u> (underlaine) atau juga
tag <ins> (insert).
Contoh:
Hasilnya:
Teks tercoret memiliki arti teks yang dihapus. Biasanya untuk memberitahu
pembaca bahwa teks tersebut tidak dipakai atau dihapus.
Tag untuk membuat teks tercoret di HTML adalah
tag <s> (strikethrough) atau bisa juga dengan tag <del> (delete).
Contoh:
Hasilnya:
Pangkat biasanya digunakan pada rumus. Ada dua jenis pangkat yang bisa
dibuat di HTML,
<sup> untuk membuat pangkat di atas (superscript)
<sub> untuk membuat pangkat di bawah (subscript).
Contoh:
Hasilnya:
Marker bisanya digunakan untuk menandai teks yang penting atau kata kunci
yang penting. Marker di HTML dapat kita buat dengan tag <mark>.
Contoh:
Hasilnya:
Warna default marker adalah kuning. Warna ini bisa kita ubah dengan style CSS.
Contoh:
Hasilnya:
Selain dari teks formatting di atas, ada juga teks formatting yang khusus
untuk menandai teks yang berasal dari komputer. Berikut ini beberapa tag yang
digunakan untuk memformat teks dari komputer:
<code> untuk menandai bagian dari kode program;
<samp> untuk menandai output dari program komputer;
<kbd> untuk menandai tombol keyboard;
<var> untuk menandai sebuah variabel;
<pre> untuk preformatting teks.
Contoh:
Hasilnya:
4. Tugas Praktek.
Silakan coba praktekan kode html di atas buat latiha