HTML PART 2# "MEMBUAT PARAGRAPH"
Halo sahabat FK ! dipostingan kali ini saya akan lanjutkan tutorial HTML Part 1. Dipart 2 ini saya akan memberikan tutorial HTML Dasar, cara untuk membuat Paragraph pada HTML.
Yap untuk membuat paragraph diHTML ini sangat mudah sobat FK,
sobat hanya memasukan <p> dan ditutup dengan Tag </p> pada HTML.
Sekarang coba sobat buka aplikasi editor Notepad atau Notepad ++ , kalau sobat tidak punya aplikasi Notepad ++ nya sobat bisa mencarinya digoogle :D
pertama seperti biasa sobat buat struktur dasarnya dulu,
<html>
<head>
<title>Website Saya</title>
</head>
<body>
<p>Ini adalah Sebuah Paragraf</p>
<p>Sobat Bisa ikuti contoh membuat paragraf</p>
</body>
</html>
Sudah Seperti ini?
(Saya menggunakan Notepad ++)
Setelah sudah dibuat, coba save Notepadnya dengan format .html dan setelah disave sobat klik file html yang disave tadi. Dan sobat akan dialihkan ke website.
Dan hasilnya akan seperti ini :
dan tambahan lagi, jika sobat FK ingin mengubah warna font bisa dengan menambahkan <p font color="red">Ini adalah sebuah Paragraf</p>
Untuk mengubah paragraf menjadi huruf Tebal atau Bold sobat bisa menambahkan tag <b> dibelakang paragraf <p>
Contoh : <b><p>Ini adalah sebuah Paragraf</p></b>
Untuk mengubah paragraf menjadi huruf miring atau italic sobat bisa menambahkan tag <i> dibelakang paragraf <p>
Contoh : <i><p>Ini adalah sebuah paragraf</p></i>
Untuk membuat teks menjadi underline atau garis bawah sobat bisa menambahkan tag <u> dibelakang paragraf <p>
Contoh : <u><p>Ini adalah sebuah paragraf</p></u>
Untuk mengubah size pada font, sobat harus menambahkan <font size="20"> didepan tag paragraph <p> dan ditutup dengan </font>. Contoh <p><font size="20">Ini adalah sebuah paragraf"</font></p> Sobat bisa mengubah size fontnya sesuka hati :D
Untuk mengubah font pada paragraf, sobat bisa menambahkan <font face="verdana"> didepan tag paragraph <p> dan jangan lupa untuk menutupnya dengan </font> contoh <p><font face="verdana">Ini adalah sebuah paragraf</font></p> Sobat bisa mengubah font facenya sesuka hati, tapi jangan ngasal juga :v
Contoh Terakhir
<html>
<head>
<title>Website Saya</title>
</head>
<body>
<b> <p><font color="black"><font size="15">Ini adalah Sebuah Paragraf</font></font></p>
<u><p><font face="verdana">Sobat Bisa ikuti contoh membuat paragraf</font></p></u>
</body>
</html>
Dan jika ada eror pada html sobat, pastikan tag htmlnya sudah ditutup ya :D atau ada penulisan yang salah, jadi harus teliti ngoding juga agar tidak terjadi kesalahan :D
Mudah bukan ? :D Sampai disini dulu sobat FK, tunggu tutorial berikutnya ~
Sign up here with your email
ConversionConversion EmoticonEmoticon