HTML merupakan bahasa pemrograman bebasis web yang dapat kita gunakan untuk membuat desain suatu web. Nah, tutorial HTML yang akan saya berikan untuk postingan ini adalah mengenai cara membuat tabel HTML, sebenarnya tutorial belajar HTML ini dapat kita temui di w3schools.com, tapi berhubung tutorial ini berguna untuk edit-edit template blog (berhubungan dengan blogging) jadi saya posting aja disini .
Berikut Kode HTML yang akan kita gunakan untuk membuat tabel html:
<TABLE></TABLE> � merupakan tag awal, sebagai penanda awal dan menjadi akhir dari suatu pembuatan tabel.
<TR></TR> � merupakan tag yang berfungsi untuk menandakan suatu baris yang ada di dalam tabel
<TD></TD> � merupakan tag yang berguna untuk membagi baris tabel untuk menjadi beberapa kolom.
Dan dari tag tersebut memiliki atribut seperti di bawah ini:
bgcolor - untuk warna backgorund dari tabel
background - ini dpaat kita gunakan apabila ingin membuat background tabel di ambil dari suatu gambar
width � berguna sebagai atribut untuk menentukan lebar tabel
height � menentukan tinggi tabel
align - atribut yang berguna untuk mengatur perataan horizontal
valign � atribut yang berguna untuk mengatur perataan vertikal
border - atribut ini berguna sebagai atribut untuk menentukan lebar bingkai pada tabel
cellspacing � atribut untuk menentukan jarak antar kolom
cellpadding � menentukan jarak antara isi dengan tepi kolom (bisa di bilang margin)
colspan � atribut yang berguna untuk menentukan berapa kolom tabel yang akan digabung
cowspan � atribut yang berguna untuk menentukan berapa baris yang akan digabung
Sebagai contoh dari penggunaan tabel, dapat dilihat melalui beberapa contoh tabel dan coding html nya:
<HTML>
<BODY>
<TABLE WIDTH=�80%� BORDER=�1�>
<TR>
<TD>Ini kolom pertama</TD>
<TD>Ini kolom kedua</TD>
</TR>
<TR>
<TD>Ini kolom pertama baris kedua</TD>
<TD>Ini kolom kedua baris
kedua</TD>
</TR>
</TABLE>
</BODY>
</HTML>
�����������������������
<HTML>
<BODY>
<TABLE WIDTH=�80%�
BORDER=�1�>
<TR>
<TD bgcolor=�#009900�>Ini kolom pertama</TD>
<TD background=�background.gif�>Ini kolom kedua</TD>
</TR>
<TR>
<TD>Ini kolom pertama baris kedua</TD>
<TD>Ini kolom kedua baris kedua</TD>
</TR>
</TABLE>
</BODY>
</HTML>
�����������������������
<HTML>
<BODY>
<TABLE WIDTH=�80%� BORDER=�1�>
<TR>
<TD bgcolor=�#009900� width=�70%�>
Ini kolom pertama</TD>
<TD background=�background.gif� width=�30%�>
Ini kolom kedua</TD>
</TR>
<TR height=�200�>
<TD valign=�top�>Ini kolom pertama baris kedua</TD>
<TD
align=�right�>Ini kolom kedua baris kedua</TD>
</TR>
</TABLE>
</BODY>
</HTML>
�����������������������
<HTML>
<BODY>
<TABLE WIDTH=�80%� BORDER=�1� CELLPADDING=�5�>
<TR>
<TD
bgcolor=�#009900� width=�70%�>
Ini kolom pertama</TD>
<TD
background=�background.gif� width=�30%�>
Ini kolom kedua</TD>
</TR>
<TR height=�200�>
<TD valign=�top�>Ini kolom pertama baris
kedua</TD>
<TD align=�right�>Ini kolom kedua baris kedua</TD>
</TR>
</TABLE>
</BODY>
</HTML>
�����������������������
<HTML>
<BODY>
<TABLE WIDTH=�80%� BORDER=�1� CELLSPACING=�5�>
<TR>
<TD
bgcolor=�#009900� width=�70%�>
Ini kolom pertama</TD>
<TD
background=�background.gif� width=�30%�>
Ini kolom kedua</TD>
</TR>
<TR height=�200�>
<TD valign=�top�>Ini kolom pertama baris
kedua</TD>
<TD align=�right�>Ini kolom kedua baris kedua</TD>
</TR>
</TABLE>
</BODY>
</HTML>
�����������������������
<TABLE WIDTH=�80%� BORDER=�1�
CELLSPACING=�5�>
<TR>
<TD bgcolor=�#009900� COLSPAN=�2�>
Ini kolom
gabungan</TD>
</TR>
<TR height=�200�>
<TD
valign=�top�>Ini kolom pertama baris kedua</TD>
<TD align=�right�>Ini kolom kedua
baris kedua</TD>
</TR>
</TABLE>
�����������������������
<TABLE WIDTH=�80%� BORDER=�1� CELLSPACING=�5�>
<TR>
<TD
bgcolor=�#009900� width=�70%� ROWSPAN=�2�>
Ini kolom pertama gabungan</TD>
<TD
background=�background.gif� width=�30%�>
Ini kolom kedua</TD>
</TR>
<TR height=�200�>
<TD align=�right�>Ini kolom kedua baris kedua</TD>
</TR>
</TABLE>
Semoga membantu
Selasa, 13 April 2010
TUTORIAL HTML
Belajar HTML - Tutorial HTML 1
Written by Prothelord
Saturday, 19 April 2008
Belajar HTML gratis, mudah dan menyenangkan di prothelon.com aja. Nah kita mulai ya. Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.
Saya bisa dengan singkat menjelaskan sabagai berikut. HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.
Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.
Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.
Pengen belajar sambil praktek? klik di sini.
Siap? OK, kita akan mulai belajar HTML.
Pengenalan HTML
Apa yang dimkasud dengan file HTML?
- 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.
Pengen Nyoba Bikin?
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>
</html>
Simpan dengan nama �halamanku.htm� (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring �/�, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.
Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.
Nah, dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah J. Mudah-mudahan.
Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya tentang elemen HTML.
Check back soon for new tutorial.
Written by Prothelord
Saturday, 19 April 2008
Belajar HTML gratis, mudah dan menyenangkan di prothelon.com aja. Nah kita mulai ya. Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.
Saya bisa dengan singkat menjelaskan sabagai berikut. HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.
Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.
Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.
Pengen belajar sambil praktek? klik di sini.
Siap? OK, kita akan mulai belajar HTML.
Pengenalan HTML
Apa yang dimkasud dengan file HTML?
- 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.
Pengen Nyoba Bikin?
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>
</html>
Simpan dengan nama �halamanku.htm� (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring �/�, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.
Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.
Nah, dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah J. Mudah-mudahan.
Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya tentang elemen HTML.
Check back soon for new tutorial.
DASAR - DASAR MEMBUAT WEB DENGAN HTML
Dasar-Dasar Membuat Web Dengan HTML
Penulis: Admin (232 Articles)
Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis. Berawal dari hoby sharing akan ilmu web development di tahun 2007 oleh 2 mahasiswa.
Contact:
Homepage : http://www.ilmuwebsite.com
Ingin menjadi penulis artikel di ilmuwebsite? Klik >> Daftar
Nah, anda pasti sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???
Nggak ada kan??? nah, maka dari itu, saya, C.H.I.P. Sensei, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu, ada yang perlu diketahui.
tag <>
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: text yang ditampilkan .
Tag biasa, yahh…tag aja, contoh
(break).
kaga perlu ditutup oleh tag , tapi jika sintak yang digunakan tag container, contoh:
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya:
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: . atau .
LANGKAH 1
MEMBUKA NOTEPAD.
LANGKAH 2
MENGETIKKAN SINTAK/SYNTAX.
Berikut ini adalah syntax dasar yang membentuk suatu HTML.
pertama, ketikkan
tekan enter, kemudian ketik
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak judul halaman web . Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
judul halaman web
Kemudian ketikkan . Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari .
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
Judul Halaman Web
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
Contoh text yang ditampilin di halaman web, By: C.H.I.P. Sensei
terus, jika sudah, ketikkan , script lengkapnya seperti ini :
Judul Halaman Web
Contoh text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
kalo udah, sekarang save dengan nama dasarHTML.
kalo udah disave, buka data yang tadi di save.
Pada bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???
Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita menulis nama file, yakni Save As Type. Silahkan ubah dari text document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.
Penulis: Admin (232 Articles)
Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis. Berawal dari hoby sharing akan ilmu web development di tahun 2007 oleh 2 mahasiswa.
Contact:
Homepage : http://www.ilmuwebsite.com
Ingin menjadi penulis artikel di ilmuwebsite? Klik >> Daftar
Nah, anda pasti sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???
Nggak ada kan??? nah, maka dari itu, saya, C.H.I.P. Sensei, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu, ada yang perlu diketahui.
tag <>
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh:
Tag biasa, yahh…tag aja, contoh
(break).
kaga perlu ditutup oleh tag , tapi jika sintak yang digunakan tag container, contoh:
, yah mesti ditutup dengan
.Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya:
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: . atau .
LANGKAH 1
MEMBUKA NOTEPAD.
LANGKAH 2
MENGETIKKAN SINTAK/SYNTAX.
Berikut ini adalah syntax dasar yang membentuk suatu HTML.
pertama, ketikkan
tekan enter, kemudian ketik
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak
Sekarang ketikkan sintak title tadi, jadi seperti ini:
Kemudian ketikkan . Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari .
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
Contoh text yang ditampilin di halaman web, By: C.H.I.P. Sensei
terus, jika sudah, ketikkan , script lengkapnya seperti ini :
Contoh text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
kalo udah, sekarang save dengan nama dasarHTML.
kalo udah disave, buka data yang tadi di save.
Pada bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???
Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita menulis nama file, yakni Save As Type. Silahkan ubah dari text document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.
Selasa, 06 April 2010
Cerita Cinta Terkadang.....
Sebuah cerita cinta adalah sebuah cerita yang paling indah kata orang - orang... Katanya tapi... Tapi nurut aku itu ada benernya juga seh, untuk saat ini... Aku berharap keindahan ini tak akan berakhir untuk selamanya... Hanya harapan... tapi 100% akan jadi kenyataan kok jika kamu yakin sama diri kamu sendiri... dan yang gak kalah penting adalah percaya sama pacar dan kekasih kamu sendiri... Tapi terkadang cerita cinta itu bikin susah n nyiksa banget ampe bikin semuame jadi ngedrop, percaya deh ma aku... dalam hal pelajaran nilai jadi turun semua, hubungan sama teman, ortu, bahkan sahabat semuane jadi ngedrop... Itu salah satu hal yang paling gak enak dari cerita cinta... Nurut aku banyak enaknya daripada gak enaknya, nurut aku tapi... Aku gak tahu kalo menurut kamu beda lagi... Cerita cinta itu adalah hal yang paling asik sedunia, kadang ada takut, kadang juga gugup, kadang sedih banget, dan ini yang paling aku suka kadang kita ngrasa seneng banget ampe biasanya pengen mikirin dan sms ma dia terus... ow iya, aku mau ngingetin aja jangan main - main ma cewe atu cowo yang udah jadi pacar kamu, pernah mikir gak kalo dasakitin tu rasanya gimana??? lo pikir enak apa disakitin??? nah aku bakalan jelasin rasanya disakitin ma pacar sendiri... rasanya gak enak banget tau. Ada perihnya, asemnya, bahkan ampe pengen muntah gara - gara gak mau liat wajah dia lagi... Itu katanya kakak aku seh... Aku belum pernah ngalamin ampe kayak gitu dan moga aja jangan sampe deh... aha!!! ada satu hal lagi yang harus diperhatikan dari sebuah hubungan yaitu saling jujur dan saling percaya... Sampe saat ini aku bisa jujur ma dia tapi ngilangin rasa curiga itu lho yang susahnya minta ampun... Tapi untuk saat ini dan selamanya aku dah janji untuk terus percaya ma dia... Semoga aja lancar dan bisa ampe nanti... hahaha Doain aku ya... amin...
Langganan:
Komentar (Atom)
