Belajar HTML, Sesuai dengan artikel sebelumnya yaitu Belajar Elemen Dasar HTML Bag.1 kali ini adalah lanjutannya. Sebelumnya kita sudah membahas tentang 3 elemen dasar html, yaitu Heading, Paragraf, Dan Link HTML. Masih membahas elemen dasar di html kali ini, yaitu tentang Tombol, Gambar, daftar List dan juga gaya text konten.
Daftar Isi
Button HTML / Tombol
Button atau tombol biasanya digunakan untuk mengirim input data sebagai sumber daya ataupun konfirmasi. Contohnya tombol komentar di artikel ini untuk mengirim inputan komentar ke database untuk ditampilkan.
Penulisan Button di HTML : <button> Tombol </button>
Penulisan Button di HTML : <button> Tombol </button>
______________________________________________
<body>
<p> Halaman ini berisi tombol </p>
<button> Kirim </button>
</body>
______________________________________________
Contoh diatas membuat sebuah halaman dengan text dan sebuah tombol Kirim. Kamu bisa mengklik tombol tersebut untuk mengirim sesuatu, dalam website blog ini kita akan membahas lebih lanjut tentang tombol untuk mengirim data dan juga men desain tombol dengan warna serta berbagai efek agar lebih bagus di bagian CSS nanti.
Gambar HTML
Gambar berguna untuk membuat website lebih powerfull, gambar bisa digunakan untuk background website, banner, iklan dan promosi dalam website, serta untuk pelengkap untuk isi konten.
Penulisan Gambar : <img src="lokasi-gambar.jpg">
_____________________________________________
<body>
<h3> Gambar dalam html</h3>
<img src="gambar.jpg">
</body>
_____________________________________________
Jika kamu menjalankan kode diatas dan tidak memasukkan file gambar.jpg ke lokasi file html berada, maka gambar tidak akan muncul. Pastikan kamu sudah memasukkan gambar contoh yang berlokasi sama dengan file html.
Misalnya kamu menyimpan file html di folder bernama belajar maka kamu juga harus menyimpan file gambar didalam folder tersebut juga. Dan pastikan juga atribut src dalam tag img kamu isi dengan nama file gambar dan formatnya.
Daftar List HTML
Seperti namanya list adalah tag untuk menampilkan konten menjadi sebuah daftar menjadi berurutan berdasarkan sebuah angka dari yang terbesar dan terkecil, namun bisa juga diganti dengan bentuk lain seperti bulat dan kotak. Dalam mebuat list kita bisa menggunakan antara 2 tag <ul> atau <ol>
Penulisan List : <ul> <li>isi1</li> <li>isi2</li> </ul>
________________________________________________
<body>
<ul>
<li> List 1 </li>
<li> List 2 </li>
<li> List 3 </li>
<li> List 4 </li>
<li> List 5 </li>
</ul>
<ol>
<li> Jus Jeruk </li>
<li> Nasi Putih </li>
<li> Nasi Goreng </li>
<li> Ikan Bakar </li>
<li> Ikan Goreng </li>
</ol>
</body>
________________________________________________
Tag UL berarti Unordered List sedangkan OL berarti Ordered List. Tag list diatas kan menghasilkan daftar list yang beruturan dari atas kebawah secara teratur. Disamping setiap list ada simbol ataupun angka untuk mendefinisikan urutan dari daftar yang ada. simbol tersebut bisa kita ubah menjadi simbol lain seperti kotak, ataupun malah menghilangkannya dari tampilan hal ini akan kita bahas nanti dalam artikel lainnya.
Formatting Text HTML
Saya juga kurang yakin apa istilah yang cocok untuk elemen dasar satu ini. Tapi yang pasti disini kita akan membahas tentang Tag Bold, Italic, dan Underline.
Penulisan : <b> Bold </b> <i> Italic </i> <u> Underline </u>
___________________________________________________
Penulisan : <b> Bold </b> <i> Italic </i> <u> Underline </u>
___________________________________________________
<body>
<b>Tulisan ini Bold</b> <br>
<i> Tulisan ini Italic </i> <br>
<u> Tulisan ini Underline </u> <br>
</body>
___________________________________________________
Dalam contoh diatas Tag B berarti Bold yaitu untuk menebalkan kalimat yang berada didalam tag tersebut. Tag I berarti Italic yaitu untuk memiringkan kaliman dan Tag U untuk memberikan garis bawah. Tag tag tersebut bisa digabungkan seperti Tag U atau I didalam B. Silahkan coba hal tersebut untuk menambah wawasan kamu.
Serta juga terdapat Tag BR dalam contoh yang berguna untuk membuat baris baru. Jika tag BR kamu hilangkan maka kalimat diatas akan menyatu dalam satu barisan tulisan.
Baca Artikel Sebelumnya Di Belajar HTML : Elemen Dasar HTML Bag.1 #3
Demikian Artikel Tentang Belajar HTML : Elemen Dasar HTML Bag.2 #4
Lihat Juga Artikel Selanjutnya Belajar HTML : Artibut HTML Bag.1 : #5
Komentar
Posting Komentar