HTML Penghias Teks Bagian 4
Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.
Sekarang kita mempraktekkan coding penghias teks menggunakan kode-kode berikut:
1. Bold text
Gunanya untuk menebalkan teks tanpa menambahkan arti penting.
Kodenya <b></b>
2. Important text
Gunanya untuk menandai teks yang penting, biasanya tampil bold, tapi juga memberi makna semantik tambahan.
Kodenya <strong> </strong>
3. Italic text
Gunanya untuk membuat teks menjadi miring tanpa menambah penekanan makna.
Kodenya. <i> </i>
4. Emphasized text
Gunanya untuk memberi penekanan makna pada teks, biasanya juga tampil miring.
Kodenya <em> </em>
5. Marked (highlighted) text
Gunanya untuk memberi efek sorotan/highlight pada teks (biasanya latar belakang kuning).
Kodenya <mark> </mark>
6. Smaller text
Gunanya untuk menampilkan teks dengan ukuran lebih kecil dari teks biasa.
Kodenya <small> </small>
7. Deleted text
Gunanya untuk menandai teks yang telah dihapus (biasanya dengan garis coret).
Kodenya <del> </del>
8. Inserted text
Gunanya untuk menandai teks yang telah ditambahkan, biasanya tampil dengan garis bawah.
Kodenya <ins> </ins>
9. <sup> - Superscript text
Gunanya untuk menulis teks dalam format superskrip (lebih kecil dan sedikit ke atas), seperti pangkat dalam Matematika.
Kodenya <sup></sup>
10. Subscript text
Gunanya untuk menulis teks dalam format subskrip (lebih kecil dan sedikit ke bawah), seperti dalam rumus Fisika dan Kimia.
Kodenya <sub> </sub>
Contoh
Paragraf pertama dibuat tebal (bold),
kodenya <p> <b></b> </p>
paragraf kedua dibuat italic (miring),
kodenya <p> <i></i> </p>
paragraf ketiga dibuat tebal (bold) dan italic (miring),
kodenya <p> <b> <i> </i> </b> </p>
paragraf keempat dicoret (delete, del),
kodenya <p> <del> </del> </p>
paragraf kelima untuk beberapa kata dibuat ke atas dan di bawah seperti rumus kimia.
kodenya <p><sup></sup> <sub> </sub></p>
Langkah-langkahnya
1. Tulislah perintah berikut
<!DOCTYPE html>
<html>
<body>
</body>
</html>
secara manual di halaman kosong di Google Docs.
Perhatikan!
Huruf demi huruf, tanda demi tanda, dan huruf besar (kapital) huruf kecilnya pada perintah tersebut tidak boleh keliru.
Dalam penulisan perintah tersebut huruf besar berbeda dengan huruf kecil.
2. Tulislah kode paragraf
<p> </p> yang diletakkan ke dalam kode <body></body>
sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p> </p>
</body>
</html>
3. Tulislah teks di dalam kode paragraf.
Beberapa paragraf yang sudah pernah kita tulis di Google Docs dan sudah disimpan di Google Docs bisa di-copy lagi.
Misalnya
Paragraf 1:
<p> BELAJAR HTML PERMULAAN BERSAMA IKHSAN </p>
Paragraf 2:
<p> Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. </p>
Paragraf 3:
<p> Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali. </p>
Paragraf 4:
<p> Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab. </p>
Paragraf 5:
<p> Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan. </p>
4. Kemudian lakukan penyisipan kode ke setiap paragraf sebagai berikut:
<p> <b>
BELAJAR HTML PERMULAAN BERSAMA IKHSAN
</b> </p>
<p> <i>
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</i> </p>
<p> <b> <i>
Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.
</i> </b> </p>
<p> <del>
Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.
</del> </p>
<p>
Kini <sup> Ikhsan </sup> juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing <sub> di swastaan. </sub>
</p>
sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p> <b>
BELAJAR HTML PERMULAAN BERSAMA IKHSAN
</b> </p>
<p> <i>
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</i> </p>
<p> <b> <i>
Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.
</i> </b> </p>
<p> <del>
Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.
</del> </p>
<p>
Kini <sup> Ikhsan </sup> juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing <sub> di swastaan.</sub>
</p>
</body>
</html>
5. Copy-lah seluruh kode tersebut
6. Kemudian beralih ke Blogger.
Bukalah akun Blogger anda.
Pilihlah (tombollah) ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu yang tersusun menurun,
Pilihlah menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.
Bila sudah terbuka halaman baru yang kosong, pilihlah menu ikon <> (yang berada di kiri atas tepatnya di bawah tulisan judul).
Pilihlah menu Tampilan HTML (yang berada di sebelah atasnya menu Tampilan Menulis)
Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.
7. Pilihlah Publikasikan
8. Pilihlah KONFIRMASI
9. Kembali ke menu Blogger,
Pilihlah ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, tepatnya di sebelah kiri ikon Blogger) sampai muncul semua menu secara menurun.
10. Pilihlah (tombollah) menu Lihat blog (yang berada di paling bawah) untuk melihat hasil tampilan kode yang terpublikasikan ke seluruh semesta raya, yang bisa dibaca oleh seluruh manusia di semua jagat raya.
Kode selengkapnya berikut:
<!DOCTYPE html>
<html>
<body>
<p> <b>
BELAJAR HTML PERMULAAN BERSAMA IKHSAN
</b> </p>
<p> <i>
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</i> </p>
<p> <b> <i>
Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.
</i> </b> </p>
<p> <del>
Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.
</del> </p>
<p>
Kini <sup> Ikhsan </sup> juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing <sub> di swastaan.</sub>
</p>
</body>
</html>
BELAJAR HTML PERMULAAN BERSAMA IKHSAN
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
Ikhsan meraih beasiswa ikatan dinas keguruan dan sudah pemberkasan CPNS Guru pada tahun 2000. Bersama semua ribuan alumni ikatan dinas dari seluruh perguruan tinggi negeri di seluruh Indonesia yang sudah berhasil mengikuti pemberkasan CPNS Guru, terpaksa harus menunggu tiga tahun lamanya dalam penantian antrian pengangkatan PNS. Tepat pada tahun 2004 waktunya SK PNS Guru diterbitkan, tetapi betapa kecewanya status kami semua dibatalkan secara sepihak oleh pemerintah dengan alasan TELAH BERLAKU UU OTONOMI DAERAH. SK PNS Guru pun tidak jadi terbit, justru SK Rekomendasi Penempatan yang diterbitkan dan dikirim ke seluruh Bupati/Walikota yang semula rencananya daerahnya akan ditempati PNS Guru baru alumni ikatan dinas. SK Rekomendasi Penempatan sungguh tak berarti apa-apa, nihil sama sekali.
Ikhsan menguasai tiga bahasa asing yaitu Bahasa Inggris, Bahasa Ibrani, dan Bahasa Arab.
Kini Ikhsan juga menjadi pengajar Matematika, Fisika, dan Kimia disamping tiga bahasa asing di swastaan.>
