HTML Font Face Size Color
Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.
Menghias teks pada jenis huruf, ukuran huruf, dan warna huruf dapat dilakukan secara bersama-sama dengan menggunakan kode
<font face=" " size=" " color=" "> </font>
Langkah-langkahnya
1. Tulislah perintah berikut
<!DOCTYPE html>
<html>
<body>
</body>
</html>
secara manual di halaman kosong di Google Docs.
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.
Paragraf yang sudah pernah kita tulis di Google Docs dan sudah disimpan di Google Docs bisa di-copy lagi.
Misalnya
Paragraf 2:
<p> Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000. </p>
4. Kemudian lakukan penyisipan kode font ke paragraf sebagai berikut:
<p>
<font face="Courier" size="1" color="red">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
<p>
<font face="Times New Roman" size="7" color="blue">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
<p>
<font face="Arial" size="2" color="green">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p>
<font face="Courier" size="1" color="red">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
<p>
<font face="Times New Roman" size="7" color="blue">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
<p>
<font face="Arial" size="2" color="green">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</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>
<font face="Courier" size="1" color="red">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
<p>
<font face="Times New Roman" size="7" color="blue">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
<p>
<font face="Arial" size="2" color="green">
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
</font>
</p>
</body>
</html>
Hasil tampilannya sebagai berikut:
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
Ikhsan meraih wisudawan terbaik UNESA pada wisuda XLVI tahun 2000.
