Struktur Dasar HTML

Assalamu'alaikum Warahmatullahi Wabarakaatuh.

Kali ini, saya akan membahas mengenai penulisan struktur dasar dari html. dimana struktur ini sudah ditetapkan dan disetujui secara Internasional. Pertama-tama saya akan menjelaskan, "Apasih yang dimaksud dengan html?"  "Apasih kepanjangan dari html?" 

Jadi, HTML adalah kepanjangan dari Hyper Text Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Singkatnya, HTML adalah bahasa pemograman untuk membuat sebuah web.

Dibawah ini, saya akan menjelaskan cara penulisan struktur dasar dari html. 

<html>

             <head>

                          <title>  masukkan judul web html bagian ini </title>

            </head>

           <body>

                                     masukkan isi web html di bagian ini

           </body>

</html>

*ket :

• tanda < disebut dengan tag buka.
• tanda > disebut dengan tag tutup.
• <html> digunakan untuk menandakan bahwa dokumen yang anda buat adalah dokumen html.
• <head> digunakan untuk memberi judul utama dari halaman web html yang kita akan buat.
• <title> digunakan untuk memberikan judul kecil pada halaman web html.
• <body> digunakan untuk menampilkan keseluruhan isi dari halaman web html.

Terimakasih.

Semoga Bermanfaat. 

Wassalamu'alaikum Warahmatullahi Wabarakaatuh.

Read More

Cara Membuat Form di HTML

Cara Membuat Form di HTML

<html>
<head>
<title>isi judul sesuai kebutuhan anda</title>
</head>
<body>
<form>
Nama : <input type="text"name="Nama"/><br>
Password : <input type="password"name="Password"/><br>
Jenis Kelamin : <input type="radio"value="Pria">Pria
<input type="radio"value="wanita">Wanita<br>
Hobi : <input type="checkbox"value="Membaca">Membaca
<input type="checkbox"value="menulis">Menulis
<input type="checkbox"value="melukis">Melukis<br>
Agama : <select name="Agama"><option>Islam
                                                                                       <option>Kristen
                                                                                         <option>Buddha
                                                                                       <option>Hindu
                                                                                       <option>Khatolik
                                                                                       <option>Protestan
                                                                                       <option>Konguchu
                                                    </select><br>
Kesan/Pesan : <textarea cols="30"rows="10">


                                                          </textarea><br>
<input type="submit">
<input type="reset">
 
</body>
</html>





Hasilnya seperti di bawah ini :

Keterangan :

•  Text Field = yaitu elemen yang digunakan untuk memasukan teks dalam satu baris. Penulisan : <input type="text">
• Password Field = yaitu elemen yang digunakan untuk memasukan satu baris teks dengan format password. Penulisan : <input type="password">
• Radio Button = yaitu elemen yang digunakan agar kamu dapat memilih salah satu pilihan. seperti : jenis kelamin, dll.Penulisan: <input type="radio">
• Text Area = yaitu elemen yang digunakan sebagai input kontrol form untuk memasukan teks lebih dari satu baris. elemen tambahannya yaitu cols & rows. Penulisan =         <textarea cols="atur sesuai kebutuhan" rows="atur sesuai kebutuhan">                               </textarea>
• Checkbox = yaitu elemen yang digunakan untuk dapat memilih lebih dari satu pilihan. 

       

Read More