Assalamu'alaikum Sahabat KWP semua😊🙏,
Salam sejahtera bagi kita semua, semoga kita tetap dalam lindungan Tuhan Yang Maha Esa.
Diartikel kali ini saya ingin membahas tentang Font HTML. Font yang berarti tulisan. Disini saya ingin membahas tentang cara membuat style tulisan dan beberapa format penting tentang sebuah Font menggunakan HTML. Biasanya dibeberapa aplikasi Microsoft memuat berbagai macam style tulisan mulai dari ukurannya, warnanya, dan lain-lain. Jika itu berada di microsoft tapi sekarang kita akan membuatnya secara menual menggunakan HTML, agar kita lebih menguasai tentang cara membuat sebuah font untuk website.
Yang pertama kita akan membuat ukuran font atau Font Size. Biasanya ukuran font ini digunakan untuk mengatur ukurannya agar disesuaikan dengan keinginan kita atau untuk mencocokkan ukurannya dengan website yang kita buat agar tidak terlalu besar dan tidak terlalu kecil akan tetapi sesuai dengan keinginan kita.
- Silahkan kalian ketikkan code HTML dibawah ini untuk membuat ukuran font.
<html>
<head>
<title>Font Size</title>
</head>
<body>
<h1>Font Size</h1>
<p>
<font size="1">Font ukuran 1</font><br>
<font size="2">Font Ukuran 2</font><br>
<font size="3">Font Ukuran 3</font><br>
<font size="4">Font Ukuran 4</font><br>
<font size="5">Font Ukuran 5</font><br>
<font size="6">Font Ukuran 6</font><br>
<font size="7">Font Ukuran 7</font><br>
</p>
</body>
</html>
Keterangan: Semakin besar size font maka semakin besar pula ukuran font yang kita tulis.
- Silahkan simpan pada text editor kalian dan jalankan pada browser kalian. Maka, tampilannya akan seperti gambar dibawah ini
Selanjutnya kita akan membuat Font Face alias kita akan membuat jenis tulisan sesuai dengan jenisnya. Disini saya akan membuat beberapa jenis font yang biasanya berada pada Microsoft Word dan lainnya.
- Silahkan ketikkan code HTML dibawah ini.
<html>
<head>
<title>Font Face</title>
</head>
<body>
<h1>Font Face</h1>
<p>
<font face="Times New Roman" size="5">Times New Roman</font><br>
<font face="Verdana" size="5">Verdana</font><br>
<font face="Comic Sans MS" size="5">Comis Sans MS</font><br>
<font face="WildWest" size="5">WildWest</font><br>
<font face="Bedrock" size="5">Bedrock</font>
</p>
</body>
</html>
- Simpan dan jalankan pada browser kalian. Maka, tampilannya akan seperti gambar dibawah ini
Kalian bisa lihat perbedaan antara font yang satu dengan font yang lain memiliki perbedaan jenis tulisan yang berbeda sesuai jenis font yang kita tulisakan tadi.
Selanjutnya kita akan membuat Font Color alias warna font atau warna tulisan.
- Silahakan ketikkan code HTML dibawah ini
<html>
<head>
<title>Font Color</title>
</head>
<body>
<h1>Font Color</h1>
<p>
<font color="red" size="5">Warna Font menjadi Merah</font><br>
<font color="green" size="5">Warna font menjadi Hijau</font><br>
<font color="black" size="5">Warna Font menjadi Hitam</font><br>
<font color="yellow" size="5">Warna Font menjadi Kuning</font>
</p>
</body>
</html>
- Simpan dan jalankan pada browser kalian. Maka, tampilannya akan seperti gambar dibawah ini
Oke, mungkin itu aja artikel mengenai font HTML yang saya berikan, semoga bermanfaat bagi kalian yang mengikuti blog ini dari awal untuk membuat sebuah website dari dasar.
Jika kalian yang baru baca artikel ini dan belum mengerti cara ngoding silahkan kalian buka aja label HTML agar mengerti proses belajar HTML dari awal hingga akhir.
Jika ada komentar, kritik, dan saran silahkan kalian berkomentar dibawah ini agar nantinya saya bisa membuat artikel dengan sempurna kedepannya.
Jangan lupa share ke teman-teman kalian yang masih baru belajar mengenai HTML ini agar blog kami cepat berkembang kedepannya bagi kalian yang menjadi. Dan juga bagi kalian yang tidak mau ketinggalan dengan materi dan artikel-artikel baru dari saya silahkan klik tombol langganan pada bagian header.
Semoga bermanfaat,
Terimakasih
Semangat Otodidak💪
Komentar
Posting Komentar