Assalammu’alaikum
Warohmatulahi Wabarokatuh
Apa
kabar teman? Hari ini penulis akan memberikan tips cepat dalam membuat format karakter dan font
dalam HTML. Sebelum itu, penulis akan memberikan sedikit tentang format
karakter dan font dalam HTML.
Ini
beberapa atribut beserta artinya pada format karakter dan font dalam HTML :
Sedangkan ini, tag beserta artinya yang digunakan untuk format karakter dan font dalam HTML :
1. Klik Start.
Diatas kita sudah mengetahui atribut dan tag pada format karakter dan font dalam HTML, adapun langkah cepat dan mudah membuat karakter dan font dalam HTML yaitu sebagai berikut :
2.
Carilah notepad.
3.
Setelah itu, ketik kode HTML dibawah
ini:
<html>
<head><title>Format karakter dan
font</title></head>
<body>
<h1><font color=”#ff00a8”
size="200"> Kelas Sistem Informasi </font></h1>
<h2><font face=” lucida calligraphy”> belajar
format karakter dan font </font></h2>
<b>teks ini akan tebal </b>
<i>teks ini akan miring </i>
<u> teks ini bergaris bawah
</u><br>
<p>
<small>
© 2017 SI - All right reserved </small>
</p>
</body>
</html>
4.
Klik file,
selanjutnya pilih save as dan simpan ditempat yang kamu inginkan misalnya pada
dokumen. Ketika menyimpan, buat judulnya diakhiri dengan dot html (.html).
contoh nama judul filenya: Format_Karakter_dan_Font.html
5.
Selanjutnya, klik kanan pada file yang
sudah disimpan. Tekan open with, kemudian pilih mozila atau google chrome.
6.
Jika berhasil, akan muncul teks seperti
dibawah ini:
Teks
pada baris pertama, ukurannya lebih besar dari pada teks yang lain, karena
menggunakan font size yaitu 200 dan berwarna karena menggunkan color #ff00a8.
Sedangkan,
teks baris kedua memiliki bentuk tulisan yang berbeda karena menggunakan face
lucida calligraphy.
Lalu,
teks pada baris ketiga memiliki tulisan tebal,miring dan bergaris bawah karena
menggunakan tag: <b>, <i>, dan <u>.
Dan
yang terakhir, pada baris keempat menghasilkan tulisan yang kecil karena
menggunakan tag : <small>
Oke,
teman-teman. Demikianlah langkah-langkah dalam membuat format karakter dan font
dalam HTML. Semoga bermanfaat, selamat mencoba. J
Wassalammu’alaikum
Warohmatulahi Wabarokatu
Tidak ada komentar:
Posting Komentar