Ada yang pernah tau apa itu HTML?? bagi yang biasa mengutak-atik website pasti tau apa itu HTML. HTML merupakan sebuah bahasa pemrograman dasar yang digunakan untuk mendesain website. Sama hlnya dengan bahasa C, Java, C++ dan Visual Basic. Masing-Masing bahasa ini terdiri dari perintah sintak dan programming . Sintak ini adalah yang programmer gunakan untuk memanggil kode. Sangatlah penting mengetahui bagaimana cara menulis kode menggunakan bahassa yang relevan.
Dalam HTML, sintak disebut dengan tag tyang biasa ditulis didalam kurung bersudut "<" dan ">". Beberapa kelompok tag dalam HTML digunakan untuk berbagai tujuan. Sebagai contoh untuk memodifikasi teks yang berbentuk miring/Italic kita menggunakan tag <i> kemudian menulis beberapa teks dan tutup dengan </i>.
Setiap tag HTML harus ditutup dengan tag </>. Tetapi ada beberapa tag yang tidak perlu menggunakan tag penutup.
Bagaimana Sintak dasar dari HTML, mari... kita praktekkan langsung. So Check it out!! ^^,
<HTML>
<HEAD>
<TITLE>
Belajar HTML
</TITLE>
</HEAD>
<BODY>
<B>Yang ditampilkan di browser, cuma tulisan ini.</B>
</BODY>
</HTML>
Tuliskan kode diatas di dalam notepad, dan simpan dengan nama lesson1.html. Kemudian buka file melalui browser.
Lesson 2
<B>Untuk menampilkan tulisan cetak tebal</B><BR>
<I>Untuk menampilkan tulisan cetak miring (italic) </I><BR>
<U>Untuk menampilkan tulisan bergaris bawah (underline) </U><BR>
<BR> digunakan untuk menampilkan baris baru.
Fungsi tag diatas bisa dilihat di tampilan browser. <B> untuk tampilan Bold, <I> untuk tampilan Italic, <U> untuk tampilan underline dan <BR> untuk membuat baris baru. sisipkan tag diatas diantara tag <BODY> dan </BODY>.
Lesson 3
<P> Tag P ini yang berarti PARAGRAF.SIlahkan coba dengan beberapa kalimat dan menggunakan beberapa tag Paragrafdan lihat hasilnya.
</P>
Tidak wajib untuk menutup tag <P>. Tetapi seperti dikatakan sebelumnya, menutup
tiap-tiap tag adalah suatu yang baik yang pemprogram praktekkan.
Lesson 4
Bekerja dengan Heading
Kita dapat menggunakan heading untuk mengorganisir teks kita dalam berbagai tingkatan. Ada lima tingkatan heading didalam HTML seprti di bawah:
<H1>Level – 1 </H1>
<H2>Level – 2 </H2>
<H3>Level – 3 </H3>
<H4>Level – 4 </H4>
<H5>Level – 5 </H5>
Biasanya digunakan untuk memberi Judul suatu tulisan atau paragraf.
Lesson 5
Penempatan List contoh teks atau items.Ada dua jenis list didalam HTML.
sebagai berikut
o Ordered List
o Unordered List
Ordered List diwakili oleh tag <ol> tag secara otomatis menomori, dan
Unordered List diwakili oleh tag <ul> dan terlihat seperti bullet.
Cobalah kode di bawah ini:
<OL>
<LI>Java
<LI>C++
</OL>
kode diatas menghasilkan suatu daftar perintah bahasa. Jika kita menginginkannya seperti bullet kemudian kita ubah tag <OL> menjadi tag <UL> sebagai di bawah ini:
Lesson 6
<UL>
<LI>Java
<LI>C++
</UL>
Lesson 7
Penerapan Definisi List
Definisi List adalah serupa dengan daftar kata. Diterapkan menggunakan tag <DL> dan <DT> seperti ditunjukkan listing 7 dibawah ini.
<DL>
<DT>Java
<DD>Developed by Sun Microsystems Inc
<DT>Yang kedua
<DD>Developed by saya sendiri
</DL>
Lesson 8
Indenting Text
Tag <BLOCKQUOTE> yaitu teks yang menjorok lebih kedalam dari garis tepi secara otomatis dari kiri ke kanan. Cobalah contoh berikut :
<BLOCKQUOTE>
You can use Sound Recorder to record, play, and edit sound files. To use Sound Recorder, you must have a sound card and speakers installed on your computer. If you want to record live sound, you also need a microphone.
</BLOCKQUOTE>
Lesson 9
Membuat Links
Suatu website bukanlah halaman tunggal.Terdiri dari beberapa halaman yang saling berhubungan. Sebagai contoh,ketika kita klik suatu link nama ” About Us”, pada browser secara otomatis Kita ke halaman web itu.
Bagaimana ini bisa terjadi? Itu merupakan suatu konsep Hyperlinks Kita dapat menciptakan Hyperlinks menggunakan tag <a>.Dan harus ditutup menggunakan tag </a> dan itu mewakili anchor.
Lesson 10
<A href = "http://e-collegeweb.blogspot.com/">Belajar Desain Web Online </A>
href adalah suatu atribut yang digunakan untuk menetapkan link dan mewakili.Teks Reference. Atribut lain meliputi suatu target opsional, yang mana menandakan bagaimana cara membuka link. Nilai atribut ini jadi kosong. Sebagai contoh, kode berikut memanggil lokasi Rumahweb.com didalam suatu jendela browser baru ketika seseorang mengklik teks.
<A href = "http://e-collegeweb.blogspot.com/">Belajar Desain Web Online </A>
Untuk membuat tag ini bisa dibuka melalui browser. Selalu ingat wktu menyimpan file HTML selalu ber-ekstensi .html.
