Belajar HTML untuk Pemula Sesi 3

Monday, January 16, 2017

Belajar HTML untuk Pemula Sesi 3

Pada sesi 2 kita sudah membahas bagaimana Cara membuat background dengan menggunakan HTML dan Cara memformat judul website menggunakan HTML, nah pada sesi 3 ini saya akan membahas dua materi yaitu:

Cara memformat text Bold, Italic, Underline, Subscript, Superscript dan Striketrue,
Cara menampilkan gambar pada dokumen HTML

Pertama, Cara memformat text Bold, italic, Underline, Subscript, Superscript dan Striketrue. Tapi, sebelum dibahas lebih lanjut saya akan menyinggung sedikit tentang materi yang akan kita bahasa

Bold berfungsi untuk menebalkan tulisan ataupun teks yang kita ingin tebalkan, sehingga tampak lebih jelas.
Italic berfungsi untuk memiringkan tulisan ataupun teks yang kita pilih, italic ini sangat berguna untuk memperjelas bagian tulisan yang penting
Underline berfungsi untuk memberi garis bawah tulisan atau teks
Superscript berfungsi membuat karakter pemangkatan (pangkat)
Subscript berfungsi untuk membuat karakter pemangkatan (pangkat), Cuma pemangkatannya berada dibagian bawah
Striketrue Fungsi dari strike memberi tanda coret tulisan yang kita inginkan
Lalau, bagaiamana cara penulisan html untuk membuat tulisan Bold, italic, Underline, Subscript, Superscript dan Striketrue? Jawabannya ada pada script dibawah ini. Simak baik-baik

Lalu, bagaiamana cara penulisan html untuk membuat tulisan Bold, italic, Underline, Subscript, Superscript dan Striketrue? Jawabannya ada pada script dibawah ini. Simak baik-baik

<html>
<head>
<title>format Bold, italic, Underline, Subscript, Superscript dan Striketrue</title>
</head>
<body>
Ini adalah text bold 
 Ini adalah text miring 
ini adalah text underline 
Ini adalah text superscript: 82 
Ini adalah text subscript: CO2 
<s>Ini adalah text striketrue</s>
</body>
</html>

Tulis dan simpan script di atas di folder latihan Anda kemudian klik 2 kali maka akan tampak hasil seperti dibawah ini:

format Bold, italic, Underline, Subscript, Superscript dan Striketrue Ini adalah text bold
Ini adalah text miring
ini adalah text underline
Ini adalah text superscript: 8²
Ini adalah text subscript: CO₂
~~Ini adalah text striketrue~~

Kedua, Cara menampilkan gambar pada dokumen HTML?
Dalam dokumen HTML perintah untuk menampilkan gambar adalah dengan menggunakan tag <img>. Scriptnya nya adalah, <img src:”folder/file_gambar”>
Untuk contoh penggunaannya cobalah script dibawah ini:

<html>
<head>
<title>menampilkan gambar</title>
</head>
<body>
<img src="foto.jpg" height="80%" width="60%">
</body>
</html>

Tulis dan simpan script dia atas pada folder latihan Anda kemudian jalankan dengan klik 2 kali, maka akan tampak hasil seperti dibawah ini: