Assalamualaikum wr.wb
Selamat malam sobat blogger, malam ini admin akan melanjutkan tutorial belajar html, kali ini admin akan membahas tentang Pemformatan Text Pada Html. Pemformatan text pada html ini meliputi cara memberikan efek tebal,miring,garis bawah,ukuran text,warna text,jenis text, paragraf dan yang lainnya.
Pada Pemformatan text di html bagian 1 ini, akan mempelajari bagaiamana memberi efek huruf tebal,miring,garis bawah,pangkat atas,pangkat bawah dan garis di tengah text
-untuk memberi efek bold kita gunakan <b> dan diakhiri dengan </b>
-untuk memberi efek italic kita gunakan <i> dan diakhiri dengan </i>
-untuk memberi efek underline kita gunakan <u> dan diakhiri dengan </u>
-untuk memberi efek pangkat atas kita gunakan <sup> dan diakhiri dengan </sup>
-untuk memberi efek pangkat bawah kita gunakan <sub> dan diakhiri dengan </sub>
-untuk memberi efek garis tengah di text kita gunakan <strike> dan diakhiri dengan </strike>
-untuk memberi efek garis tengah di text kita gunakan <strike> dan diakhiri dengan </strike>
untuk latihan, kita buka notepad lalu tulis script berikut:
<html>
<head><title>Belajar Pemformatan Text</title></head>
<body>
<br><b>Ini contoh pemeberian efek text tebal</b>
<br><i>Ini contoh pemeberian efek text miring</i>
<br><u>Ini contoh pemeberian efek text garis bawah</u>
<br><sup>Ini contoh pemeberian efek text pangkat atas</sup>
<br><sub>Ini contoh pemeberian efek text pangkat bawah</sub>
<br><strike>Ini contoh pemeberian efek garis di tengah text</strike>
</body>
</html>
<head><title>Belajar Pemformatan Text</title></head>
<body>
<br><b>Ini contoh pemeberian efek text tebal</b>
<br><i>Ini contoh pemeberian efek text miring</i>
<br><u>Ini contoh pemeberian efek text garis bawah</u>
<br><sup>Ini contoh pemeberian efek text pangkat atas</sup>
<br><sub>Ini contoh pemeberian efek text pangkat bawah</sub>
<br><strike>Ini contoh pemeberian efek garis di tengah text</strike>
</body>
</html>
lalu simpan dengan nama pemformatan text.html save as type pilih html jika menggunakan notepad ++ sedangkan kalau menggunakan notepad biasa klik save lalu beri nama pemformatan text.html lalu save as type all files, kemudian buka menggunakan web browser kalau berhasil maka tampilannya seperti ini
Demikian cara pemformatan text pada html bagian 1 untuk pemformatan text yang meliputi paragraf,ukuran text,warna text akan di bahas di postingan selanjutnya. Semoga bermanfaat dan selamat mencoba
Wassalamualaikum wr.wb
0 Response to "Belajar Pemformatan Text Pada Html Bagian 1"
Post a Comment
Berkomentarlah dengan sopan dan sesuai dengan topik yang dibahas
Semua komentar yang masuk akan dimoderasi dulu sebelum ditampilkan