Powered by Blogger.
RSS

Cara Membuat Tabel di HTML

7:40 PM | Labels:

Cara Membuat Tabel di HTML
http://www.rhyshaden.com/images/web14net.gif 

 Cara Membuat Tabel di HTML - Kali ini kita akan membahas tentang Cara Membuat Tabel di HTML,langsung saja berikut kodingnya :
Bahan dan Alat :
-Notepad
-Browser(Firefox,Internet Explorer,Safari,Google Chrome)

Cara Membuat Table di HTML
<html>
    <body>
    <table border = 2 align=center bordercolor=blue bgcolor=red cellspacing=4  cellpadding=8>
            <caption align=top><b><u>Daftar Alamat</b></u></td></caption>
        <tr>
            <td bgcolor=purple colspan=2 align=center>Kelas</td>
            <td rowspan=2>Keterangan</td>
                   
        </tr>
        <tr>
            <td width=200 bgcolor=blue align=center>I</td>
            <td width=200 >II</td>
           
        </tr>
        <tr>
            <td align=center>2.</td>
            <td>Ari Mulyaningsih</td>
            <td>Serang Banten</td>
        </tr>
    </table>

    </body>
</html>

Berikut penjelasan dari kode tersebut :
 <table border = 2 align=center bordercolor=blue bgcolor=red cellspacing=4  cellpadding=8><table>

Memiliki ketebalan table 2 ,berada di tengah,warna garis table adalah biru,background table adalah merah, mempunyai lebar 4 dan panjang 8


<td rowspan=2>Keterangan</td>
Menggabungkan 2 kolom menjadi 1


<td bgcolor=purple colspan=2 align=center>Kelas</td>
Memiliki warna background biru menggabungkan 2 baris menjadi 1,berada di tengah dan Captionya kelas.Maka hasilnya akan seperti ini :






Sekian dari tutorial Cara Membuat Tabel di HTML


jika anda ingin copy paste artikel sertakan sumber artikel ini,tolong hargai seorang penulis Terima Kasih

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Echo Indo

Cara Membuat Submit di HTML

12:55 AM | Labels:

Cara Membuat Submit di HTML

http://farm5.static.flickr.com/4109/4976391733_2d9b2a3c6e.jpg 
 Cara Membuat Submit di HTML - kali ini kita akan belajar tentang Cara Membuat Submit di HTML langsung aja tutorialnya di bawah ini :
Alat dan Bahan
-Notepad
-Browser (IE,Firefox,dll)

Berikut kode submit html
<html>
    <head><title>Tutorial membuat Submit</title></head>
    <body>
    <h3><p align=center>Buku Tamu</p></3>
    <form method=post>
    <table border=0 align=center width=500>
    <tr>
        <td width=11% >Nama</td>
        <td width=3% >:</td>
        <td width=86%><input type=text name=nama size=20></td>
    </tr>
    <tr>
        <td width=11%>Alamat</td>
        <td width=3%>:</td>
        <td width=86%><input type=text value=Jl. name=alamat size=30></td>
    </tr>
    <tr>
        <td width=11%>Email</td>
        <td width=3%>:</td>
        <td width=86%><input type=text name=email size=20></td>
    </tr>
    <tr>
        <td width=11%>Website</td>
        <td width=3%>:</td>
        <td width=86%><input type=text value=http:// name=website size=30></td>
    </tr>
    <tr>
        <td width=11% valign=top>Homepage</td>
        <td width=3% valign=top>:</td>
        <td width=86%><input type=radio value=hebat name=saran checked>Bagus Sekali<br>
        <input type=radio value=bagus name=saran>Bagus<br>
        <input type=radio value=biasa name=saran>Biasa aja<br></td>
    </tr>
    </table>
    <p align=center>
    <input type=submit value=kirim name=b1>
    <input type=reset value=batal name=b2>
    <hr>
    </form>
</body>
</html>
Berikut penjelasan :
<form method=post></form>
untuk membuat form tanpa kode di atas submit tidak akan muncul

 <table border=0 align=center width=500></table>

untuk membuat table dengan border 0 dan berada di tengah dan lebar 500

 <input type=submit value=kirim name=b1>
nah kode ini yang kita pakai untuk membuat type submit dengan nama kirim lalu variabelnya b1

Sekian penjelasan dari saya semoga berguna ,maka hasilnya akan seperti ini :

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(4)
Posted by Echo Indo

Belajar HTML Pdf

6:05 PM | Labels:

Belajar HTML Pdf
http://www.tizag.com/store/previews/html-cover-preview.jpg 
Kali ini saya mau share buku HTML gratis dan sangat mudah untuk di pahami,yaitu Buku HTML Pdf dalam bahasa inggris Ebook HTML Pdf

Buku ini sangat mudah untuk di pahami ,sebenarnya ebook ini bukan buatan saya melainkan buatan orang lain dan niat saya untuk saling berbagi bagi yang ingin mendownload atau mengunduh Belajar HTML Pdf.Download Buku HTML Pdf.

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Echo Indo

Membuat Radio Button di HTML

8:42 PM | Labels:

Membuat Radio Button di HTML
http://www.techotopia.com/images/0/0f/Javascript_radio_buttons.jpg 

 Membuat Radio Button di HTML - sekarang ada lagi tips membuat option di html,sebenarnya ini simple dan tidak susah untuk membuatnya maka saya membuat artikel yang bagus yaitu Membuat Radio Button di HTML langsung saja lihat kodingnya dan penjelasanya :
<html>
<head><title>Membuat Radio Button</title></head>
<body>
    <form method=post>
    <h3>Pilih salah satu<br>Pendidikan Terakhir anda</h3>
    <input type=radio value="SD" checked name=sekolah>SD<br>
    <input type=radio value="SLTP" name=sekolah>SLTP<br>
    <input type=radio value="SMU" name=sekolah>SMA<br>
    <input type=radio value="S1" name=sekolah>S1<br>
    <input type=radio value="S2" name=sekolah>S2<br>
</form>
    </body>
</html>
Penjelasan :
<form method=post></form>
Berguna untuk membuat radio button anggap saja kode form itu induk sedangkan input tu adalah anaknya

<h3></h3>
Membuat garis pembatas

<input type=radio value="S1" name=sekolah>S1
sekarang kita menggunakan type radio untuk membuat radio button untuk nilianya adalah S1 name itu adalah sekolah yang artinya sebuah variabel.Sekian Tutorial  Membuat Radio Button di HTML

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Echo Indo

Cara Membuat Frame di HTML

2:11 AM | Labels:

Cara Membuat Frame di HTML
http://www.tufat.com/html_tutorials/images/frames2.jpg 
 Cara Membuat Frame di HTML - dalam artikel cukup sulit untuk di pahami,saya sendiri juga masih bingung dalam membuat frame di html,namun karna saya juga masih newbie ,saya juga harus benar benar belajar apa itu frame

Frame adalah menggabungkan beberapa html dalam 1 Halaman,jadi ini sama saja seperti tabel namun isinya saja yang berbeda kalaw tabel isinya beberapa teks tapi kalaw frame isinya adalah HTML.

Siapkan saja 1 buat notepad dan 1 buah browser
1.Buka notepad
2.Lalu isikan dengan kode berikut :
<html>

    <head><title>Membuat Frame</title></head>

    <frameset rows=20%,* framespacing="0" border="0" frameborder="0">

    <frame name=atas src=reader.html scrolling="no" noresize>

    <frameset cols=25%,* framespacing="0" border="0" frameborder="0">

        <frame name=kiri src=kiri.html scrolling="yes" noresize>

        <frame name=kanan src=kanan.html scrolling="yes" noresize>

    </frameset>

    </frameset>

</html>
3.Berikut penjelasanya :
<frameset rows=20%,* framespacing=0 border0</frameset>
yaitu membuat 2 buat frame yang 1 besarnya 20 % dan yang 1 sisanya dari 20 % yaitu 80%
dan untuk border untuk menghilangkan garis pembatas antara frame 1 dengan frame yang lainya,untuk lebih jelas coba kalian hapus kode border=0


<frame name=atas src=reader.html scrolling=no noresize>
nah kode yang ini untuk isi framenya ,pada kata reader.html itu adalah isi dari frame tersebut namun untuk scrolling untuk apakah isi frame tersebut bisa di scroll atau tida ,scroll adalah menggerakan ke atas dan ke bawah,untuk lebih jelasnya coba saja

4.Silahkan di save as, dalam bentuk index.html dan hasilnya akan seperti ini :
http://i1181.photobucket.com/albums/x422/Exsza/caramembuatframe.png

Sekian dari artikel  Cara Membuat Frame di HTML jika masih ada yang ingin di tanyakan silahkan berkomentar yang baik dan benar

jika anda ingin mengcopy paste artikel ini,diharapkan untuk mencantumkan sumber artikel ini demi menghargai penulis blog ini dan maraknya copy paste yang ada di indonesia.Terima Kasih

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(5)
Posted by Echo Indo

Cara Membuat Dropdown di HTML

11:59 PM | Labels:

Cara Membuat Dropdown HTML
http://www.techotopia.com/images/b/bb/Javascript_select_object_drop_down.jpg.jpg 
Cara Membuat Dropdown di HTML -  Kemarin saya telah memposting HTML Tutorial yaitu Cara Membuat Checkbox di HTML,nah saya ajarkan kembali bagaimana cara membuat dropdown di html.
apa itu dropdown ?dalam bahasa visual basic ,dropdown itu sama aja seperti Combobox,tampaknya sobat blogger bingung apa itu Dropdown,lihat saja gambar di atas,apa masih belum mengerti ,cekidot tutorialnya :

Bahan :
1.Notepad dan Browser

Tutorial :
1.Buka Notepad
2.Lalu copy paste kode ini
<html>
    <head><title>Membuat Drop Down</title>
    <body>
    <form method=post>
    <h3>Pilih salah satu <br>Jurusan:</h3>
    <select name=jurusan>
    <option value=TI selected>Teknik Informatika</option>
    <option value=EI>Elektronika</option>
    <option value=MO>Mesin Otomotive</option>
    <option value=BO>Bodi Otomotive</option>
    <option value=MP>Mesin Perkakas</option>
    <option value=ML>Mesin Las</option>
    </select>
    </form>
    </body>
</html>

Penjelasan :
<title></title>
untuk memberi judul di blog

<form method=post></form>
untuk membuat dropdown,tanpa adanya form ini ,maka dropdown tidak akan terbentuk karna tidak apa yang ingin divariabelkan

<select name=jurusan></select>
untuk memberi variabel pada 1 dropdown

<option value=TI selected></option>
value = TI sama saja memberi variabel pada Teknik Informatika
dan kode selected ,pada saat html itu di load jadi keluaran yang pertama di munculkan adalah selected

4.Save as => newbie.html



Maka hasilnya akan seperti ini :
http://i1181.photobucket.com/albums/x422/Exsza/caramembuatdropdown.png

jika anda ingin copy paste artikel ,tolong sertakan sumber yang pasti hargailah penulis demi maraknya copy paste yang ada di indonesia
Terima Kasih

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Echo Indo

Cara Membuat Checkbox di HTML

9:23 PM | Labels:

http://www.homeandlearn.co.uk/php/images/checkbox.jpg 
Cara Membuat Checkbox di HTML- Sekarang saya ajarkan kembali bagaimana cara membuat checkbox,jadi checkbox itu gunanya untuk memilih sebuah barang/nama yang akan di gunakan di html
pada posting sebelumnya,saya ajarkan tentang Cara Membuat Background di HTML .Langsung aja tutorialnya:
1.Buka Notepad
2.Coba kalian lihat kode berikut ,dan tempel di notepad :
<html>
    <head>
        <title>Tutorial membuat Checkbox</title>
    </head>
    <body>
    <form method=post>
        Pilih program keahlian anda<br>
        <h3>Daftar Program keahlian SMKN 1 Cibinong</h3>
        <p>
        <input type=checkbox name=c1 checked>Rekayasa Perangkat Lunak<br>
        <input type=checkbox name=c2 >Multimedia<br>
        <input type=checkbox name=c3 >Teknik Komputer Jaringan<br>
        <input type=checkbox name=c4 >Teknik Gambar Bangunan<br>
        <input type=checkbox name=c5 >Teknik Kendaraan Ringan<br>
        <input type=checkbox name=c6 >Teknik Konstruksi Kayu<br>
        <input type=checkbox name=c7 >Teknik Permesinan<br>
    </form>
    </body>
</html>
3.Save As dengan nama index.html
4.Jika sudah berhasil maka hasilnya akan seperti ini
http://i1181.photobucket.com/albums/x422/Exsza/CaraMembuatCheckbox.png
5.Berikut penjelasanya :
-<form method=post>
Semua checkbox harus menggunakan ini,jika tidak maka tidak akan terbentuk checkbox dan jangan lupa untuk tutup dengan kode </form>


- <h3> dan </h3>
Berguna untuk menebalkan kalimat semakin besar angka yang di pakai maka semakin tebal pula angkanya


-<input type=checkbox name=c1>
Berguna untuk membuat checkbox hal ini sangat penting setelah kode tersebut,langsung saja kalimat yang ingin di jadikan sebuah checkbox


-<br>
Berfungsi sebagai membuat garis baru jadi tidak bercampur campur ke kanan


Terima Kasih telah membaca artikel ini semoga bermanfaat

Jika anda ingin mengcopy paste artikel ini di wajibkan untuk menulis sumber artikel ini,saya sangat tidak suka jika artikel ini di copy paste tanpa sumbernya terima kasih

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Echo Indo

Cara Membuat Background di HTML

7:16 PM | Labels:

Cara Membuat Background di HTML-Sekarang saya ajarkan bagaimana cara membuat background di html
Background ini hanya sebagai latar belakang saja pada sebuah HTML,dan background ini juga bisa di letakan di sebuah tabel dan frame,untuk masalah tabel dan frame itu nanti saya akan jelaskan di web ini berikut tutorial Cara Membuat Background di HTML
<html>


<head><title>Cara Membuat Background di HTML</title> </head>
<body background="kaskus.jpg">
</body>
</html> 


jadi yang biasanya kode <body> maka di rubah menjadi <body background="">
untuk kode kaskus.jpg itu nama sebuah gambar yang ingin di jadikan  sebuah background
agar tidak ketinggalan gambar background tersebut harus 1 folder sama HTML yang kita buat tersebut,jika selesai maka simpan dengan nama index.html


Silahkan tinggal kalian buka di browser,sudah terganti bukan ?mudah ?ikuti terus blog ini untuk berbagai macam tutorial programming,see you guys


Jika anda semua ingin copy paste,tolong sertakan sumber yang terkait demi maraknya sebuah copy paste

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(9)
Posted by Echo Indo

Pengenalan HTML | HTML Tutorial

3:34 PM | Labels:

Pengenalan HTML |HTML Tutorial

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFo1fOmQhZwXm3Az2mXRgkv3ZTSEh24_JkaGQBLmSCPwGlCvsJHcLNN6HcKl5-ARjggia0vf6rdhfQH7LJuKsaguecCbP1y0RyO51o0ZAbPTGXnmBrzczYXYxbFtluIO7PeKuUwEfPeFxG/s1600/html.jpg

HTML, alangkah lebih baik jika kita memahami konsep dasar HTML terlebih dahulu.
Pengertian HTML
HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web.



  • HTML merupakan singkatan dari Hyper Text Markup Language.
  • HTML bukan merupakan bahasa pemrograman, HTML adalah suatu markup language (bahasa markah).
  • Suatu markup language berupa serangkaian markup tags.
  • HTML menggunakan markup tags untuk mendeskripsikan halaman web.
HTML Tags
HTML markup tags biasa disebut HTML tags.
  • HTML tags berupa keywords atau kata kunci yang diapit oleh tanda kurung seperti <html>.
  • HTML tags biasanya dipakai berpasangan seperti <b> dan </b>.
  • Tag pertama dalam pasangan html tags adalah start tag atau tag awal, sedang tag kedua adalah end tag atau tag akhir.
  • Start tags dan end tags biasa juga disebut opening tags dan closing tags.
HTML Documents = Web Pages
  • HTML documents atau dokumen HTML mendeskripsikan suatu web pages atau halaman web.
  • HTML documents berisi HTML tags dan plain text atau text biasa.
  • HTML documents atau dokumen HTML juga biasa disebut web pages atau halaman web.
Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.
1
2
3
4
5
6
7
8
9

<html>
<body>
 
<h1>Judul Pertama</h1>
 
<p>Paragraf pertama</p>
 
</body>
</html>
Coba contoh HTML diatas dengan HTML Editor.
Penjelasan Contoh
  • Teks di antara <html> dan </html> mendeskripsikan web page.
  • Teks di antara <body> dan </body> adalah konten halaman web yang akan tertampil.
  • Teks di antara <h1> dan </h1> digunakan untuk menampilkan judul.
  • Teks di antara <p> dan </p> digunakan untuk menampilkan paragraf.
Referensi
  • w3schools.com
 

Baca Selengkapnya »»
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Posted by Echo Indo
Subscribe to: Posts (Atom)