malam yang membosankan, hujan membuatku terpaksa harus berdiam diri dirumah. daripada pusing tdk ada kegiatan,
lebih baik bikin kopi sambil menulis artikel hehehehehe :) . .
ngemeng-ngemeng, aku mw coba buat artikel tentang Dasar-dasar HTML untuk teman-teman dan adik-adikku sekalian. yah, mungkin 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 biasa disebut TAG HTML. aturan penulisan TAG HTML tersebut diawali dengan lambang <tag> dan biasanya akan diakhiri dengan </tag>. berikut contohnya :
<html>
<head>
<title>Judul Website Ditulis Disini</title>
</head>
<body>
...Kode-kode HTML lainya ditulis disini...
</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 :
2. TAG YANG SERING DIGUNAKAN
a. Tag <!-->
Tag ini digunakan untuk menandai sebuah komentar suatu script. dengan menggunakan tanda ini, maka
browser tidak akan menerjemahkannya.
b. Tag <body>
Tag Body merupakan bagian dari Struktur HTML yang digununakan untuk menandai badan dari suatu
dokumen HTML. contohnya seperti 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> sampaii dengan <h6>
untuk mendefinisikan tulisan Header. untuk melihat perbedaannya ketik kode berikut dan lihat tampilannya
pada 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
1 komentar:
baru ya bro..?? good, good..
Posting Komentar
Tinggalkan Komentar anda.. Terima Kasih