Who's Online
Disclaimer
|APAPUN yang anda temui di sini adalah ekspresi pribadi | SAYA tidak mewakili lembaga manapun dan sepenuhnya tanggung jawab pribadi saya | © SILAHKAN mengambil isi blog ini, namun sangat elok jika menyertakan sumber atau rujukan | SUDILAH menegur saya dan memberikan maaf, jika menemukan karya anda terlewat dalam penyebutan sumber |
Previous Post
Sering Dibaca
Arsip
Komentar Tulisan
| Mendapatkan Akses Pr... |
|
plz dong yg premiumnya dimna kk ? |
| 27/11/07 05:04 Lagi... |
| Oleh rochimdoni |
| Pesta blogger itu...... |
|
Ayo maju terus.. jangan lupa Blogger Palu yah.. PBC gitu loh.. :roll |
| 22/11/07 00:37 Lagi... |
| Oleh fritz |
| Mendapatkan Akses Pr... |
|
plz dong premium id dan passwordnya dimna cranya kk kalau bsa kasih dong id dan paswoordnya |
| 19/11/07 18:39 Lagi... |
| Oleh rochimdoni |
| Blogger RI Kalahkan ... |
|
ngOPINI-ku Selamat menikmati rumah barunya, agak nyaman rasanya disini.... |
| 19/11/07 16:43 Lagi... |
| Oleh daeng limpo |
| Menggagas Palu Blogg... |
|
Dahysat Ide bagus yang harus direalisasikan dengan segera |
| 19/11/07 08:23 Lagi... |
| Oleh Anggara |
My BlogLog
| Tutorial HTML |
|
|
|
| The News - Tutorial | ||||||
| Ditulis Oleh andimiswar | ||||||
| Selasa, 23 Oktober 2007 | ||||||
|
Introduction HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol inilah yang berfungsi untuk mentransfer dokumen-dokumen web yang ditulis dalam format HTML. HTML adalah kependekan dari Hypertext Markup Language, sebuah dokumen dalam format ASCII yang memuat kalimat-kalimat (perintah) untuk diproses oleh browser. Disebut Markup Language karena berfungsi untuk 'memperindah' file teks biasa untuk ditampilkan pada program web browser. HTML sebenarnya merupakan perkembangan dari SGML (Standardised General Markup Language) yang merupakan dasar untuk membangun sebuah situs Web. Walau untuk saat ini sudah terdapat banyak tool untuk membuat webpage secara WYSIWYG (What you see is What you get) seperti Microsoft FrontPage, Nestcape Editor atau bahkan Macromedia Dreamweaver, namun alangkah baiknya untuk menguasai dasar-dasar HTML terutama untuk membangun aplikasi dengan teknologi CGI (Common Gateway Interface). Hal ini penting mengingat HTML merupakan dasar dari pemrograman sebuah web. Struktur HTML Ciri khas sebuah dokumen HTML adalah adanya tag dan elemen. Apa yang dilakukan browser ketika membacakan dokumen HTML sebenarnya adalah menterjemahkan tag- tag yang ada di dalam dokumen tersebut untuk kemudian ditampilkan ke layar browser. Dengan kata lain, tag adalah sejumlah instruksi kepada browser untuk memberitahu tentang bagaimana caranya mengatur tata letak teks, image dan hal lainnya yang ingin ditampilkan. Tag HTML biasanya berupa tag-tag yang berpasang-pasangan dan ditandai dengan simbol < dan >. Pasangan atau penutup perintah dari sebuah tag ditandai dengan ' / '. Misalnya pasangan dari tag <contoh> adalah </contoh>. Setiap dokumen atau halaman HTML pada dasarnya memiliki struktur atau susunan file sebagai berikut : ------------------------------------ <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML> ------------------------------------ Tag <HTML> menandakan bahwa dokumen yang ditulis berformat HTML. Sedangkan Tag <TITLE> menunjukkan judul dokumen yang akan ditampilkan pada title bar web browser. Tag ini hanya boleh berada di dalam blok <HEAD>. Tag <BODY> merupakan isi dari dokumen HTML, dimana teks, gambar atau apapun yang ingin ditampilkan pada dokumen ada pada bagian ini. Perintah Dasar HTML Ada sebegitu banyak perintah-perintah dalam HTML, namun yang akan dibahas kali ini adalah perintah umum yang biasa digunakan antara lain : * <Hx> : Heading dimana x adalah level heading 1 sampai 6. Heading merupakan sekumpulan kata yang menjadi judul atau sub-judul dalam dokumen HTML dengan berbagai ukuran yang berbeda. Contoh : <H1> Belajar HTML </H1> * <P> : Paragraph, membuat teks ditempatkan pada garis baru. * <BR> : Break, membuat baris baru. * <HR> : Horizontal Rule, untuk membuat garis horizontal sepanjang jendela browser. * <B> : Bold, untuk menebalkan teks. * <I> : Italic, untuk menampilkan teks miring. * <U> : Underline, untuk membuat teks digarisbawahi. * <STRONG> : Strong, untuk memberikan penekanan yang kuat terhadap sebuah teks. * <PRE> : Preformated, untuk menampilkan dokumen HTML tepat seperti yang dituliskan. * <SIZE> : Size, menyatakan suatu ukuran. Contoh : <HR SIZE=5>. * <ALIGN> : Align, untuk membuat perataan, terdiri dari Center untuk rata tengah, Left untuk rata kiri dan RIGHT untuk rata kanan. Contoh : <P ALIGN=CENTER>. * <BLOCKQUOTE> : Blockquote, untuk membuat teks tampil menjorok ke dalam. * <A href=...> : A Hypertext Reference, digunakan untuk membuat sebuah link. Contoh : <A href="http://indophp.tripod.com"> Situs IndoPHP </A> atau <A href="mailto: Alamat e-mail ini dilindungi dari spambot, anda harus memampukan JavaScript untuk melihatnya "> E-Mail Us </A> Selain perintah di atas, terdapat juga perintah lain untuk memperindah tampilan, seperti perintah background, bgcolor, color, image maupun image map. Perintah background digunakan untuk membuat sebuah gambar menjadi latar belakang. Sedangkan perintah bgcolor dapat digunakan pada body maupun font yang berfungsi untuk merubah warna background. Contohnya : <BODY background="gambar_background.jpg"> <BODY bgcolor="#000000"> , dimana tanda #000000 merupakan kode RGB untuk warna hitam <FONT face="comic sans ms" color="#FFFFFF"> , dimana face digunakan untuk menampilkan jenis font, dan color untuk menampilkan warna pada teks. <IMG src="gambar.jpg"> dimana IMG SRC (Image Source) merupakan perintah untuk menampilkan gambar. Untuk mengatur posisi gambar, dapat digunakan perintah ALIGN, yang terdiri dari Top, Middle, Bottom, Left, Center dan Right. Contoh : <IMG src="gambar.jpg" ALIGN=left WIDTH=200 HEIGHT=150 ALT="Gambar" >. Perintah ALT (Alternative) digunakan untuk menampilkan teks pengganti untuk gambar. Karena bisa saja gambar tersebut tidak dapat ditampilkan pada browser yang non-grafis. Membuat List Berikut adalah perintah yang digunakan untuk membuat sebuah List pada HTML : * <OL> : Ordered List, sering disebut sebagai Numbered List, adalah sebuah daftar yang tiap itemnya disertai dengan nomor urut dari item yang bersangkutan dalam daftar tersebut. * <UL> :Unordered List, membuat daftar dengan tanda bullet. Terdiri dari beberapa type seperti circle, square dan disc. Contoh <UL type=circle>. Perlu diingat, baik OL maupun UL, menggunakan <LI> (List) sebagai daftar itemnya. Contoh : ---------------------------------------------------------- <HTML> <HEAD> <Title> Membuat List </Title> </HEAD> <BODY> <UL type=disc> <LI> Item 1 <L1> Item 2 </UL> </BODY> </HTML> ---------------------------------------------------------- Membuat Tabel Perintah dasar untuk membuat sebuah Tabel pada HTML adalah dengan perintah <TABLE> yang diakhiri dengan </TABLE> Table tersusun atas <TR> (Table Row) dan <TD> (Table Data). Contoh : ----------------------------------------------------------- <HTML> <HEAD> <Title> Membuat Tabel </Title> </HEAD> <BODY> <TABLE BORDER=1 WIDTH=400> <CAPTION> Wanted Person </Caption> <TR> <TD WIDTH=50> Nomor </TD> <TD WIDTH=*> Nama </TD> </TR> <TR> <TD WIDTH=50> 007 </TD> <TD WIDTH=*> James Bond </TD> </TR> </TABLE> </BODY> </HTML> -----------------------------------------------------------  Add as favourites (43) | Views: 890
Beri Komentar
Powered by AkoComment Tweaked Special Edition v.1.4.6 |
||||||
| < Sebelumnya |
|---|
Sponsor pb2007
Search
Geocounter
Tamu Terkini
