Kode HTML Dasar Bag1
Posted On Friday, July 17, 2009 at at 7:20 PM by Lupee
Apa yang dimkasud dengan file HTML?
Jadi bahasa HTML merupakan bahasa markup (pelekat) untuk menampilkan tulisan, gambar dan multimedia. Penulisan HTML dapat dilakukan dengan software word processor seperti Microsoft word, Word pad, Kword atau Notepad. Saya disini akan menerangkan dengan cara memakai notepad. Biasanya dalam penulisan kode-kode HTML akan menghasilkan baris yang panjang dan akan melebar kearah baris, dalam mengatasi hal tersebut dalam menu notepad terdapat menu word warp yang akan memformat baris-baris tersebut ke dalam ukuran windows, sehingga akan lebih mudah dibaca. Untuk mengaktifkannya klik menu edit lalu pilih word wrap.
- HTML merupakan kependekan dari Hyper Text markup Language
- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
- File HTML harus memiliki ekstensi htm atau html
- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai
Jadi bahasa HTML merupakan bahasa markup (pelekat) untuk menampilkan tulisan, gambar dan multimedia. Penulisan HTML dapat dilakukan dengan software word processor seperti Microsoft word, Word pad, Kword atau Notepad. Saya disini akan menerangkan dengan cara memakai notepad. Biasanya dalam penulisan kode-kode HTML akan menghasilkan baris yang panjang dan akan melebar kearah baris, dalam mengatasi hal tersebut dalam menu notepad terdapat menu word warp yang akan memformat baris-baris tersebut ke dalam ukuran windows, sehingga akan lebih mudah dibaca. Untuk mengaktifkannya klik menu edit lalu pilih word wrap.
Dalam penulisan tag HTML kita selalu membutuhkan tag awal dan tag akhir, namun ada beberapa Tag HTML yang tidak membutuhkan tag akhir seperti tag paragraph. Dalam bab ini anda akan membuat file HTML sederhana yang terdiri dari dua tag yaitu tag untuk html dan body , untuk memulai silahkan buka notepad anda dan tuliskan pada notepad kode HTML berikut :
<html>
<body>
Ini adalah web pertamaku!
</body>
</html>
<body>
Ini adalah web pertamaku!
</body>
</html>
Selanjutnya simpan dengan nama index.html, panggil dengan brows anda misalnya mozilla, caranya klik file-->open file--> pilih dimana index.html kamu simpan klik open, berikut tampilan dari kode tersebut.
Sampai disini maka anda sudah bisa membuat file berformat html.
Menggunakan tag Head dan Body
Pada bagian head kita bisa memasukan judul, tag judul dipakai secara luas oleh mesin pencari web, selain itu dalam penulisan judul usahakan sesingkat mungkin namun bisa mencerminkan isi dari web yang anda buat. Untuk memulainya buka notepad, kemudian ketikan <html> untuk menambahkan bagian head maka ketikan tag pembuka <HEAD>, pada bagian head kita bisa mengetikan judul dari homepage yang kita buat, judul ini akan tampil saat web anda ditampilkan oleh browser, kode nya adalah:
<HTML>
<HEAD>
<TITLE> Ini adalah Web Pertamaku </TITLE>
</HEAD>
</HTML>
<HEAD>
<TITLE> Ini adalah Web Pertamaku </TITLE>
</HEAD>
</HTML>
Save as dalam extension html, panggil lewat browser web, tulisan "Ini adalah Web Pertamaku" akan
tampil pada browser web.
tampil pada browser web.
Memformat Huruf dan Paragraf
Secara umum setiap tag pembentuk pada HTML bekerja dengan cara yang sama, masing - masing tag mempunyai tag pembuka dan tag penutup, semua text diantara tag tersebut akan mengikuti format tag yang telah ditentukan.
Huruf Tebal, miring dan bergaris bawah
Huruf tebal (bold) mempunyai tag dengan awalan <B> dan diakhiri dengan tag </B>, jadi seluruh karakter yang berada diantara tag tersebut mempunyai format text tebal, sedangkan tag untuk huruf miring adalah <I> dan diakhiri dengan </I>, text bergaris bawah (underlined text) mempunyai pasangan tag <U>dan</U>.lebih jelasnya ketikkan code dibawah ini pada notepad, lalu panggil lewat browser
<HTML>
<HEAD>
<TITLE> Tebal dan miring </TITLE>
</HEAD>
<Body> <B> Ini huruf tebal</B> <I> dan ini Huruf miring</I> huruf biasa <U>Garis bawah</U>
<B><I> huruf tebal dan miring juga bergaris bawah </B></I>
</Body>
</HTML>
Maka tampilan dari kode diatas sebagai berikut:
Sub Script dan Super Script
Tag <SUP> dan </SUP> merupakan tag untuk Superscript (sedikit diatas baris) sedangkan
<SUB> dan </SUB> adalah pasangan tag untuk subscript (sedikit dibawah baris), contoh nya
:
<HTML>
<HEAD>
<TITLE> Sub dan super </TITLE>
</HEAD>
Disini contoh untuk <SUP> Superscript</SUP> dan satunya <SUB> subscript</SUB>
</Body>
</HTML>
Simpan dengan nama contoh.html lalu pangil lewat browser, tampilan code HTML diatas
Format Paragraph
Tag paragraph dan format huruf merupakan tag yang paling sering dalam pembuatan web, sebab informasi pada umumnya berupa text, tag paragraph merupakan tag penunjuk setiap paragraph baru, perhatikan code HTML dibawah ini
<HTML>
<HEAD>
<TITLE> Memahami Tentang Paragraf </TITLE>
</HEAD>
<Body>
<P> tulisan ini merupakan paragraph pertama dalam document yang saya tulis </P>
<P> Dan baris ini merupakan paragraph kedua, silahkan buat tag paragraph sebanyak mungkin sebagai contoh agar anda lebih mudah memahami tentang paragraph, dalam paragraph anda dapat mengubah format sebagian huruf atau karakter misalnya <I> huruf
miring </I> <b>huruf tebal </b><u>huruf bergaris bawah</u></P>
</Body>
</HTML>
Tampilan dari kode diatas adalah :
Udah dl yah insyaallah pada postingan besok saya tambahin kode HTML Dasar yang lainnya! sampai ketemu di Kode HTML Dasar Bag2
Keep Writing pokonyamah :D
Secara umum setiap tag pembentuk pada HTML bekerja dengan cara yang sama, masing - masing tag mempunyai tag pembuka dan tag penutup, semua text diantara tag tersebut akan mengikuti format tag yang telah ditentukan.
Huruf Tebal, miring dan bergaris bawah
Huruf tebal (bold) mempunyai tag dengan awalan <B> dan diakhiri dengan tag </B>, jadi seluruh karakter yang berada diantara tag tersebut mempunyai format text tebal, sedangkan tag untuk huruf miring adalah <I> dan diakhiri dengan </I>, text bergaris bawah (underlined text) mempunyai pasangan tag <U>dan</U>.lebih jelasnya ketikkan code dibawah ini pada notepad, lalu panggil lewat browser
<HTML>
<HEAD>
<TITLE> Tebal dan miring </TITLE>
</HEAD>
<Body> <B> Ini huruf tebal</B> <I> dan ini Huruf miring</I> huruf biasa <U>Garis bawah</U>
<B><I> huruf tebal dan miring juga bergaris bawah </B></I>
</Body>
</HTML>
Maka tampilan dari kode diatas sebagai berikut:
Tag <SUP> dan </SUP> merupakan tag untuk Superscript (sedikit diatas baris) sedangkan
<SUB> dan </SUB> adalah pasangan tag untuk subscript (sedikit dibawah baris), contoh nya
:
<HTML>
<HEAD>
<TITLE> Sub dan super </TITLE>
</HEAD>
Disini contoh untuk <SUP> Superscript</SUP> dan satunya <SUB> subscript</SUB>
</Body>
</HTML>
Simpan dengan nama contoh.html lalu pangil lewat browser, tampilan code HTML diatas
Format Paragraph
Tag paragraph dan format huruf merupakan tag yang paling sering dalam pembuatan web, sebab informasi pada umumnya berupa text, tag paragraph merupakan tag penunjuk setiap paragraph baru, perhatikan code HTML dibawah ini
<HTML>
<HEAD>
<TITLE> Memahami Tentang Paragraf </TITLE>
</HEAD>
<Body>
<P> tulisan ini merupakan paragraph pertama dalam document yang saya tulis </P>
<P> Dan baris ini merupakan paragraph kedua, silahkan buat tag paragraph sebanyak mungkin sebagai contoh agar anda lebih mudah memahami tentang paragraph, dalam paragraph anda dapat mengubah format sebagian huruf atau karakter misalnya <I> huruf
miring </I> <b>huruf tebal </b><u>huruf bergaris bawah</u></P>
</Body>
</HTML>
Tampilan dari kode diatas adalah :
Udah dl yah insyaallah pada postingan besok saya tambahin kode HTML Dasar yang lainnya! sampai ketemu di Kode HTML Dasar Bag2
Keep Writing pokonyamah :D
Post a Comment