HTML Singkatan dari Hypertext Markup Language. Merupakan bahasa markup yang mengatur bagaimana sebuah dokumen ditampilkan pada browser.
Penyusun standar HTML adalah W3C (World Wide Web Consortium di URL http://www.w3.org ).
Struktur Dasar HTML
<html> <head> <title>Judul Halaman Web</title> <meta name="Description" content="DESKRIPSI WEB"> <meta name="KeyWords" content="KEYWORDS WEB"> </head> <body> …..
Isi website
<img src=”link_gambar”>
…
</body> </html>
Bagian HEAD
Bagian Head merupakan bagian dari dokumen HTML yang tidak ditampilkan di browser namun menyimpan informasi yang sangat berguna bagi website. Elemen-elemen yang terdapat dalam HEAD adalah :
Tag <TITLE>
Tag ini berfungsi untuk memberikan judul dari halaman web. Penggunaannya
<title> Judul Halaman Web </title>
Tag <META>
Tag ini merupakan tag paling berguna dari sebuah dokumen web untuk memberikan deskripsi mengenai dokumen web tersebut misalkan deskripsi, author, keyword, dan lain lain. Description dan Keyword merupakan bagian paling penting dan dijadikan referensi bagi Search Engine untuk disimpan dalam database mereka. Penggunaanya
<META NAME=”keyword” CONTENT=”web, pemrograman, internet”>
<META NAME=”description” CONTENT=”Deskripsi dari web kita”>
Bagian BODY
Merupakan bagian yang berisi isi dari dokumen HTML. Informasi yang ada pada bagian ini akan ditampilkan oleh browser. Bisa berupa Text, gambar, sound, dan lain lain. Tag body diawali oleh <body> dan diakhiri oleh </body>
Jadi sebenarnya HTML adalah suatu bahasa yang terdiri dari banyak <tag>.
Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <tag> dan diakhiri dengan </tag> (terdapat tanda “/”).
Format Text
Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :
Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. “n” mempunyai nilai antara 1 – 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.
Contoh :
<H2>Belajar Html</H2>
Hasilnya akan terlihat seperti :
Belajar Html
Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.
Line Break: <BR> Digunakan untuk pindah ke baris baru.
Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.
SIZE: Ukuran font yang digunakan, berkisar antara 1 – 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.
FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit “aneh” Anda bisa menggunakan graphic.
COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).
Contoh :
<FONT SIZE=4 FACE=”Verdana, Arial, Helvetica” COLOR=”#FF0000″>text ini berwarna merah</FONT>
Base Font: <BASEFONT> Digunakan untuk mendefinisikan “default text”. Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.
Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :
Perhatian : Semua tag di bawah ini membutuhkan tap penutup.
<B> Bold text
<I> Italic text
<U> Underscore
<PRE> Preformatted Text <DFN> Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
<STRONG> Strong
Terdapat tiga tipe list yang dapat digunakan, yaitu :
Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.
Contoh :
<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>
Hasil dari kode di atas adalah:
- Item nomer 1
- Item nomer 2
- Item nomer 3
Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.
Images :
Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.
Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height
Contoh :
<IMG SRC=”Gambar_Anda.jpg” alt=”ini adalah foto saya” width=200 height=100>
Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.
Contoh :
<A HREF=”http://www.wordpress.org”>Link ini menuju wordpress</A> Untuk membuat link ke halaman lain.
Kode di atas menjadi : Link ini menuju wordpress
<A HREF=”mailto:jon@example.com”>Klik di sini</A> Untuk membuat link pada alamat e-mail.
Kode diatas menjadi Klik Disini
hai,
website yang menyediakan bahasan tentang HTML itu mana aja?
hehe
cuma mo nanya itu kok
–dA–visit my blog–
By: Ishikawa on October 15, 2008
at 3:48 am
wah buanyak banget dueh…
coba cari di google / yahoo dengan kata kunci ‘BELAJAR HTML’
disitu kan ada. atau bisa juga dengan kata kunci ‘DASAR HTML’ dan lain2
buanyak banget …
By: zeeth on October 16, 2008
at 2:14 am
http://www.w3.org/MarkUp/
By: z on October 24, 2008
at 6:47 am
SALAM KENAL dan SALING MENGUNJUNGI serta SALING BERBAGI.WAH…WEB-NYA CUKUP INFORMATIF …OYA,BISA PASANG BANNER/LINK GA YAH…???
HTTP: / / DUTACIPTA.WORDPRESS.COM
By: denindodutacipta on February 5, 2010
at 9:12 pm