Pengertian HTML dan Contohnya
Pengertian HTML Beserta Contohnya
Posted by Febbiez Label: Programing | 8 komentar
Pengertian HTML beserta Contohnya - Apabila kita ingin mempelajari Pemrograman HTML maka hal-hal yang harus kita ketahui pertama kali adalah Pengertian HTML beserta Contohnya, supaya nanti kita lebih cepat memahami ketika hendak mempelajari lebih jauh Pemrograman HTML tersebut. Oleh karena itu kali ini Febbiez akan sedikit berbagi pengetahuan tentang Pengertian HTML Beserta Contohnya sesuai dengan apa yang Febbiez ketahui.
Jika Anda adalah seorang pemula dan ingin mempelajari Pemrograman HTML silakan Anda lanjutkan membaca, tapi jika Anda sudah mengetahui apa itu HTML silakan abaikan postingan ini dan lanjut ke tahap pembelajaran berikutnya.
PENGERTIAN HTML
HTML singkatan dari Hyper Text Markup Language adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang bertujuan untuk menampilkan halaman pada suatu web browser .Pada dasarnya tag-tag HTML selalu diawali dengan tag pembuka dan diakhiri dengan tag penutup dimana x adalah tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan tanda penutup seperti tag
, dan lain-lain.Pada umumnya sebuah halaman website akan diapit oleh tag …….. File-file HTML selalu berakhiran dengan ekstensi .htm atau .html. Jadi jika anda mengetik sebuah naskah dan menyimpannya dengan ekstensi .html maka anda membuat file yang berformat HTML.
Suatu contoh jika Anda mengetik sebuah document dengan software apapun kemudian anda menyimpannya dengan extensi .html (misal: fileku.html ) maka itu artinya anda telah membuat file yang berformat HTML.
satu hal yang perlu di ingat bahwa dalam menuliskan sebuah tag HTML kita harus teliti, karena jika ada sedikit saja kesalahan maka tag HTML kita tidak akan di tampilkan di web browser, atau mungkin di tampilkan tetapi tidak sesuai dengan apa yang kita harapkan.
CONTOH TAG HTML DAN CARA PENGGUNAANYA
berikut ini adalah contoh tag HTML dan cara penggunaannya. sebagai contoh pertama yang akan Febbiez pergunakan adalah tag b. tag b fungsinya untuk menebalkan suatu text.
contoh penggunaan tag i.
ini adalah contoh text tebal
maka hasilnya akan menjadi seperti berikut.
ini adalah contoh text tebal
Yang ke dua adalah tag i.
tag i berfungsi untuk membuat text menjadi miring.
contoh penggunaan.
ini adalah contoh text miring
maka hasilnya akan menjadi seperti berikut.
ini adalah conttoh text miring
yang ketiga adalah tag u.
tag u berfungsi untuk memberikan garis bawah pada suatu text, pada umumnya tag u ini secara default digunakan pada suatu link di halaman website.
contoh penggunaan tag u.
ini adalah contoh text yang bergaris bawah
maka hasilnya akan menjadi seperti berikut.
ini adalah contoh text yang bergaris bawah
Anda juga dapat menggabungkan ketiga tag tersebut kedalam sebuah text, sebagai contoh sederhana adalah sebagai berikut.
ini adalah contoh text dari penggabungan ketiga tag
dan hasilnya seperti ini.
ini adalah contoh text dari penggabungan ketiga tag
Febbiez rasa dengan penjelasan mengenai Pengertian HTML Beserta Contohnya di atas Anda sudah dapat memahami apa itu HTML dan bagaimana cara kerjanya, namun apa yang Febbiez jelaskan di atas hanyalah sebagian kecil contoh dari sekian banyak tag HTML, dan ada pula beberapa tag yang mempunyai atribut didalamnya yang dapat kita sisipkan jika kita memerlukannya.
Seperti apa cara menggunakan atribut tersebut?
yang jelas tidak kita bahas sekarang, karena Febbiez sudah capek ngetik.
jadi selebihnya akan kita bahas pada kesempatan berikutnya.
Membuat Link
Agar halaman web dapat mengakses ke halaman satu dengan yang lainnya atau mengakses website yang lain, HTML menyediakan pasangan tag <a> di sertai atribut HREF dan diakhiri </a> dan link juga bisa anda tambah dengan title untuk memberikan informasi tentang link yang dibuat, title ini akan muncul saat link disorot. Link bisa anda buat dengan 2 macam, yaitu link text dan link gambar. Berikut contoh penggunaan link :
<html>
<head> <title>Contoh Link dengan Text dan Gambar</title> </head>
<body>
<h3 color=”blue” align=”center”> Link Gambar</h3>
<hr color=”green”>
Kunjungi Web Gianto
<a href=”http://www.giantowidodo.com” title=”Website Gianto”><img src=”gambar.png”> </a>
<h3 color=”blue” align=”center”> Link Text</h3>
<hr color=”green”>
Atau Klik ini Untuk mengunjungi web gianto
<a href=”http://www.giantowidodo.com” >Klik Gianto</a>
</body>
</html>
sumber : http://www.febbiez.com/2012/05/pengertian-html-beserta-contohnya.html
a.html
sumber : http://www.giantowidodo.com/2012/09/contoh-pengunaan-tag-tag-html.html