Langsung ke konten utama

Postingan

Menampilkan postingan dengan label HTML

Memasukkan Gambar

<!DOCTYPE html> <html> <head>     <title>gambar</title> </head> <body>     <img src="INDONESIA.jpg"> </body> </html> gambar akan muncul jika berada di folder yg sama jika dalam folder yang berbeda tambahkan "namafolder/gambar.jpg"
Posting Komentar
Baca selengkapnya

Membuat Form Sederhana

Membuat Form <!DOCTYPE html> <html> <head>     <title>form</title> </head> <body>     <form>         Nama Depan : <input type="text" name="NamaDepan" id="NamaDepan">         <br>         Nama Belakang : <input type="text" name="NamaBelakang" id="NamaBelakang">         <br>         Password : <input type="password" name="Password" id="Password">         <br>         Jenis Kelamin :         <br>         <input type="radio" name="jeniskelamin" value="P"> Pria         <br>         <input type="radio" name="jeniskelamin" value="W"> ...
Posting Komentar
Baca selengkapnya

Membuat Tabel

Contoh Tabel Pada Website <!DOCTYPE html> <html> <head>     <title>Tabel</title> </head> <body>     <table border="1">         <tr>             <th>Nama</th>             <th>Alamat</th>         </tr>         <tr>             <td>Ari</td>             <td>Jakarta</td>         </tr>         <tr>             <td>Budi</td>             <td>Bandung</td>         </tr> ...
Posting Komentar
Baca selengkapnya

Membuat List

Cara membuat list  <!DOCTYPE html> <html> <head>     <title>List</title> </head> <body>     Nama Bulan : <br>     <ol>         <li>January</li>         <li>February</li>         <li>Maret</li>         <li>April</li>         <li>Mei</li>         <li>Juni</li>     </ol>     Nama Hari : <br>     <ul>         <li>Senin</li>         <li>Selasa</li>         <li>Rabu</li>         <li>Kamis</li>     ...
Posting Komentar
Baca selengkapnya

Hyperlink

Membuat link <!DOCTYPE html> <html> <head>     <title>Hyperlink</title> </head> <body>     <a href="https://www.google.com">link menuju google</a> <br>     Buka <a href="https://www.google.com" target="_blank">link menuju google</a>  di halaman baru <br>     Kritik dan saran <a href="mailto:emailsaya@gmail.com">Email saya</a> </body> </html> "mailto:" digunakan untuk link yang berupa email Semoga sukses
Posting Komentar
Baca selengkapnya

Membuat paragraf pada website

Contoh membuat paragraf <!DOCTYPE html> <html> <head>     <title>Paragraf</title> </head> <body>     <p>ini adalah paragraf 1</p>     <p>ini adalah paragraf 2</p>     <p>ini adalah paragraf 3</p> <br>     <p>ini adalah paragraf 4</p>     <p>ini adalah paragraf 5</p>     <p>ini adalah paragraf 6</p> <hr>     <p>ini adalah paragraf 7</p>     <p>ini adalah paragraf 8</p>     <p>ini adalah paragraf 9</p> </body> </html> Tag <p> digunakan untuk membuat paragraf. Tag <br> digunakan untuk membuat spasi/jarak dari atas kebawah seperti fungsi ENTER. Tag <hr> mirip seperti fungsi <br> hanya saja menggunakan garis horizontal. Selamat mencoba😁
Posting Komentar
Baca selengkapnya

Pemrograman web sederhana

Contoh Pemrograman web sederhana <!DOCTYPE html> <html> <head>     <title>Program web pertama saya</title> </head> <body>     <h1>Hello World!!</h1> </body> </html> Source code di atas adalah contoh pembuatan web sederhana hanya dangan mengganti title/judul dan membuat h1/judul yang biasa ditempatan sebelum konten. Terdapat 6 head/judul yaitu : h1 , h2 , h3 , h4 , h5 ,  h6. h1 > h2 > h3 > h4 > h5 > h6 h1 memiliki ukuran text lebih besar dari yang lain dan h6 meiliki ukuran paling kecil dari yang lain.  Terus pelajari hal baru dan kuasai , karena ILMU akan mengangkat derajat anda
Posting Komentar
Baca selengkapnya