REKAYASA PERANGKAT LUNAK (RPL)

SMK TELEKOMUNIKASI TUNAS HARAPAN

MODUL PEMROGRAMAN WEB HTML
No. Modul : Materi : Text Formating TEACHER : FAIZI W, S.Kom
di HTML
#5 Dasar Pengenalan HTML Waktu : 1 x 45 ‘

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

a. Membuat Teks Tebal

Teks tebal bisanya digunakan untuk memberikan penegasan pada teks
tertentu, misalnya seperti judul, subjudul, huruf penting, dll

Tag yang digunakan untuk membuat teks tebal di HTML adalah

tag <b> (bold) dan tag <strong>. Kamu bebas mau pakai yang mana saja, hasilnya
akan sama-sama tebal.
Contoh:
 Hasil :

b. Membuat Teks Miring

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:

c. Membuat Garis Bawah pada Teks

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:

d. Membuat Teks Tercoret

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:

e. Membuat Pangkat Di HTML

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:

f. Membuat Marker untuk Teks

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:

g. Teks Formatting untuk Komputer

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