malam yang membosankan, hujan membuatku terpaksa harus berdiam diri dirumah. daripada pusing tdk ada kegiatan, lebih baik ngopi sambil menulis artikel hehehehehe :) . .
ngemeng-ngemeng, artikel kali ini membahas tentang Dasar-dasar HTML untuk teman-teman dan adik-adikku sekalian.
yah, semoga sedikit dapat membantu :D . okay next, sebelumnya perlu diketahui apa sih HTML itu atau apa pengertian HTML itu?
HTML adalah adalah suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi dengan lebih menarik dibandingkan
dengan tulisan Tect biasa (Plain Text). HTML merupakan singkatan dari "HyperText Markup Language";.
sedangkan web browser adalah Perangkat Komputer yang digunakan untuk membaca HTML dan kemudian menerjemahkan dan menampilkan
hasilnya secara Visual ke layar komputer. program aplikasi web browser itu ada banyak, diantaranya : Mozilla FireFox,
Internet Explorer, Opera, Google Chrome, Safari dan lain-lain. hmmmmm, daripada panjang lebar menjelaskan langsung saja
kita masuk pada pengenalan Struktur HTML.
1. STRUKTUR HTML
HTML mempunyai aturan dan struktur tertentu untuk menuliskan perintah-perintahnya. perintah-perintah itu biasadisebut TAG HTML. aturan penulisan TAG HTML tersebut diawali dengan lambang <tag> dan biasanya akan diakhiri dengan
</tag>. berikut contohnya :
<html>
<head>
<title>Judul Web Ditulis Disini</title>
</head>
<body>
...kode-kode HTML lainya ditulis pada bagian ini...
</body>
</html>
dari struktur diatas, terlihat bahhwa penulisan TAG HTML selalu diapit oleh dua tag yaitu TAG pembuka da TAG penutup.
pada tag <body> terlihat keterangan bahwa penulisan kode-kode HTML lainya ada pada bagian ini, maksudnya bahwa untuk
keperluan isi halaman web ditulis dianta TAG <body> dan </body>. karena TAG <body> melambangkan tubuh atau badan dari
sebuah halaman Web.
okay, Next berikut ini saya akan berikan beberapa contoh TAG yang sering digunakan dalam membangun sebuah Website
adalah sebagai berikut :
a. Tag <!-->
Tag ini digunakan untuk menandai sebuah komentar suatu script. dengan menggunakan tanda ini, maka browser tidakakan menerjemahkannya.
b. Tag <body>
Tag Body merupakan bagian dari Struktur HTML yang digununakan untuk menandai badan dari suatu dokumen HTML. contohnyaseperti diatas.
c. Tag <br>
digunakan untuk mengakhiri baris suatu tulisan dan berpindah pada baris dibawahnya. Contoh:<br>ini baris pertama</br>
<br>ini baris kedua</br>
d. Tag <a>
nama tag <a> adalah singkatan dari Anchor. Tag ini digunakan untuk membuat sebuah tautan atau Link antar Web.Contoh penggunaanya sebagai berikut :
<a href="http://www.facebook.com">Link ke Facebook</a>
maksud dari kode diatas adalah kita membuat link untuk masuk ke halaman http://www.facebook.com dan kita memberi nama
link tersebut dengan Link ke Facebook.
e. Tag <b>, <i> dan Tag <u>
tag <b> berfungsi untuk memberikan efek tebal (bold) pada tulisan, Tag <i> berfungsi untuk memberikan efek miring (italic).sedangkan Tag <u> digunakan untuk memberikan efek garis bawah (underline) contoh penggunaannya :
<b>ini adalah tulisan tebal</b>
<i>ini adalah tulisan miring</i>
<u>ini adalah tulisan underline</u>
f. Tag <font>
digunakan untuk melakukan memformat warna, ukuran font atau huruf dari sebuah tulisan. contoh :<font size="12" color="blue">ini adalah tulisan berukuran 13 dan warna biru</font>
jika tidak menggunakan sintax color="blue" atau warna lain, maka warna font defaultnya adalah warna hitam.
g. Tag <h1> sampai dengan <h6>
untuk mendefinisikan tulisan Header. untuk melihat perbedaannya ketik kode berikut dan lihat tampilannyapada browser.
<h1>ini menggunakan H1</h1>
<h2>ini menggunakan h2</h2>
<h3>ini menggunakan h3</h3>
<h4>ini menggunakan h4</h4>
<h5>ini menggunakan h5</h5>
<h6>ini menggunakan h6</h6>
hmmm, ternyata capek juga mengetik hehehehe.. :D :D sekian dulu ya...??
ini adalah tutorial singkat mengenai HTML. masih banyak lagi Tag-tag HTML yang sering digunakan dalam
membangun sebuah website. untuk lanjutanya, nanti pada artikel berikutnya..
terima kasih dan selamat mencoba.. :) :D
semoga bermanfaat... salam ngopi.. hehehe :D
Bagikan artikel ini :
0 Comments