Pada postingan kali ini saya akan menjelaskan apa sih dasar-dasar dari HTML. Pengertian Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web
Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas
format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.
Selain pengertiannya, saya akan memberitahu tag-tag dasar yang digunakan di HTML. Tag pada HTML dapat didefinisikan seperti sebuah perintah yang
dimasukkan untuk menghasilkan output keluaran yang diinginkan.
1. Basic Text Formatting
Basic Text formatting yaitu pengaturan/konfigurasi/format dasar pada teks yang akan dijadikan isi dari sebuah halaman web. Kita dapat membuat macam-macam format teks seperti menampilkan teks bercetak tebal, miring, merubah ukuran teks besar dan kecil, dan masih banyak lagi. Selain teks, dapat juga menampilkan gambar atau video.
Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup ini. Penulisan tag berada di antara dua kurung siku : “<” dan “>”.
Berikut adalah format dasar penulisan tag HTML:
<tag_pembuka>objek yang dikenai perintah tag</tag penutup>
<tag_pembuka>objek yang dikenai perintah tag</tag penutup>
<p> ini adalah sebuah paragraf </p>
- <p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf.
- </p> adalah tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)
Identifying Resources merupakan fitur yang memungkinkan suatu web untuk dapat mengakses ke sebuah link tertentu dengan menggunakan tag tertentu dari HTML. Sama dengan konsep hyperlink pada umumnya.
Berikut adalah tag dasar yang digunakan :
<a
href="http://www.w3schools.com">This
is a link</a>
note : masukan link yang anda tuju dalam tanda kutip seperti contoh di atas.
Link text akan menjadi hyperlink ke url yang
dituju ketika halaman HTML ditampilkan.
3. Using graphic images basics
Selain link, kita dapat menampilkan gambar pada halaman HTML. Using graphic images basics merupakan salah satu cara untuk menyisipkan gambar grafis agar tampilan pada HTML menjadi lebih menarik. HTML mendukung tiga jenis file gambar yaitu JPG, PNG, dan GIF.
Berikut adalah contoh tag dasar untuk menyisipkan gambar pada HTML :
<img
src="w3schools.jpg"
width="104" height="142">
note : pastikan gambar yang ingin ditampilkan dan file HTML notepad++ berada pada satu folder yang sama.
4. Background images
Background images merupakan cara merubah tampilan/gambar pada latar belakang HTML sehingga tampak lebih menarik. Berikut adalah tag dasar untuk manambahkan background :
<body background=”namafile.jpg”>
Bagaimana? Mudah bukan? Semoga Bermanfaat :)
Sumber :
0 komentar:
Posting Komentar