Jenuh, Susah, Pusing, Ga Ngerti, Bingung Merupakan Sebuah Seni Menjadi Seorang Mahasiswa
Kali ini saya masih akan membahas mengenai cara mempelajari HTML dasar untuk yang baru memulai belajar HTML. Topiknya kali ini saya akan memberikan contoh scrtipt Web berdasarkan sesuai dengan alamat blog yang saya buat, yang jangan lupa untuk kalian kunjungi.
Pertama jika diperhatikan dengan teliti sebetulnya secara struktur masih sama dengan pembahasan contoh yang saya upload pada blog sebelumya. Namun yang membedakan adalah pada List yang saya gunakan pada kesempatan kali ini saya menggunakan list "<ol>" sedangkan pada tutorial sebelumnya saya membuat tutorial dengan menggunakan "<ul>" yang tentunya memiliki fungsi yang berbeda. Klik alamat blog untuk mengetahui perbedaan keduanya..
Kedua terlihat pada tag label yang saya gunakan, yang dimana pada tutorial sebelumnya saya menggunakan elemen form input. Yang tentunya pula mempunyai pengertian dan penjelasan yang berbeda. Klik alamat blog untuk mengetahui perbedaan keduanya..
Ketiga disini saya menambahkan elemen select untuk mengisi web yang yang saya buat, untuk memberikan opsi-opsi mengenai asal kota pengunjung yang bisa terdiri dari beberapa opsi pilihan.
Klik alamat blog untuk mengetahui penjelasan mengenai apa saja contoh elemen-elemen dalam form..
Keempat saya menggunakan input dengan type radio yang dimana si user bisa mengisi form dengan memasukan jenis kelamin yang terdiri dari dua opsi yaitu laki-laki dan perempuan.
Kelima untuk submit kali ini saya menggunakan tag button jika pada tutorial sebelumnya saya menggunakan elemen form input.
Klik alamat blog untuk mengetahui perbedaan keduanya..
Ohh iya pada contoh pembuatan web sederhana kali ini saya sudah menggunakan kode editor yang memadai yaitu menggunakan Sublime Text, tidak lagi menggunakan Notepad apk bawaan pc. Yang bisa kalian unduh di browser kalian masing-masing.
Nah agar kalian ga bingung kalian bisa lihat pada script berikut:
<!DOCTYPE html>
<html>
<head>
<title>Web Leni</title>
</head>
<body>
<!-- JUDUL -->
<h1>Contoh Membuat Tampilan Web Berdasarkan Blogspot Kita</h1>
<!-- IMG/GAMBAR -->
<img src="tema.jpg" width="350">
<!-- SUB JUJDUL -->
<p>Dengan beberapa Alamat <i>Blogspot</i> Karya <b>Anggi Hidayat</b> Dari Berbagai Topik</p>
<h2>Jangan Lupa Kunjungi:</h2>
<!-- LIST -->
<ol type="1">
<!-- LINK -->
<li><a href="https://dariigarutt.blogspot.com/"target="_blank">Dari Garut</a></li>
<li><a href="https://lencoding.blogspot.com/"target="_blank">LenCoding</a></li>
<li><a href="https://anggihdyt.blogspot.com/"target="_blank">AnggiHdyt</a></li>
</ol>
<p>Ada beberapa blog dari satu alamat email yang saya buat, seperti mengenai tanggapan terhadap kebijakan-kebijakan pemerintah, tentang ngoding, ataupun sedikit tips mengenai tips memilih PTN/PTS.</p>
<h3>Jangan Sungkan Untuk Memberi Kritik Dan Saran!</h3>
<form action="WebBlogg.html" method="GET">
<table>
<tr>
<td><label for="nama">Nama:</label><input type="text" id="nama" required=""></td>
</tr>
<tr>
<td><label for="alamat">Alamat:</label><input type="text" id="alamat" required=""></td>
</tr>
<tr>
<td><label for="asal">Asal Kota:</label><select type="text" name="asal kota" id="asal">
<option>Bandung</option>
<option>Garut</option>
<option>Cimahi</option>
<option>Tasik</option>
</select>
</td>
</tr>
<tr>
<td><label for="nohp">Nomor Handphone:</label><input type="no" id="nohp" required=""></td>
</tr>
<tr>
<td>Jenis Kelamin:</td>
</tr>
<tr>
<td><input type="radio" name="jenis kelamin" id="lakilaki"><label for="lailaki">Laki-Laki</label></td>
</tr>
<tr>
<td><input type="radio" name="jenis kelamin" id="perempuan"><label for="perempuan">Perempuan</label></td>
</tr>
<tr>
<td><textarea type="text"name="pesan" rows="10"cols="30"placeholder="Kritik Dan Saran"></textarea></td>
</tr>
<tr>
<td><button type="Submit">Kirim</button></td>
</tr>
</table>
</form>
</body>
</html>
Itu merupakan Script yang saya buat untuk mengetahui contoh lain dari penggunaan tag-tag dalam HTML. Untuk mengingatkan kembali ingatan kalian dan supaya lebih jelas untuk mengetahui perbedaan dengan uploadan sebelumnya klik disisni..https://lencoding.blogspot.com/2020/02/html-sederhana.html
Silakan pahami secara seksama secara berulang berdasar klasifikasi sebelumnya yang sudah saya sampaikan sebelumnya.
Bisa dibantu dengan menggunakan metode mengulang dan menghafalkan dari setiap point minimal 10x mempraktekan tanpa melihat contekan. Supaya kita lebih cepat paham serta menjadikan ingatan kita lebih kuat.
sekian pada kesempatan kali ini. Semoga tetap bisa memberi sedikit pengetahuan serta kemudahan dalam mempelajari HTML.
#KEEF FIGHT PROGRAMMER WEB
Kali ini saya masih akan membahas mengenai cara mempelajari HTML dasar untuk yang baru memulai belajar HTML. Topiknya kali ini saya akan memberikan contoh scrtipt Web berdasarkan sesuai dengan alamat blog yang saya buat, yang jangan lupa untuk kalian kunjungi.
Pertama jika diperhatikan dengan teliti sebetulnya secara struktur masih sama dengan pembahasan contoh yang saya upload pada blog sebelumya. Namun yang membedakan adalah pada List yang saya gunakan pada kesempatan kali ini saya menggunakan list "<ol>" sedangkan pada tutorial sebelumnya saya membuat tutorial dengan menggunakan "<ul>" yang tentunya memiliki fungsi yang berbeda. Klik alamat blog untuk mengetahui perbedaan keduanya..
Kedua terlihat pada tag label yang saya gunakan, yang dimana pada tutorial sebelumnya saya menggunakan elemen form input. Yang tentunya pula mempunyai pengertian dan penjelasan yang berbeda. Klik alamat blog untuk mengetahui perbedaan keduanya..
Ketiga disini saya menambahkan elemen select untuk mengisi web yang yang saya buat, untuk memberikan opsi-opsi mengenai asal kota pengunjung yang bisa terdiri dari beberapa opsi pilihan.
Klik alamat blog untuk mengetahui penjelasan mengenai apa saja contoh elemen-elemen dalam form..
Keempat saya menggunakan input dengan type radio yang dimana si user bisa mengisi form dengan memasukan jenis kelamin yang terdiri dari dua opsi yaitu laki-laki dan perempuan.
Kelima untuk submit kali ini saya menggunakan tag button jika pada tutorial sebelumnya saya menggunakan elemen form input.
Klik alamat blog untuk mengetahui perbedaan keduanya..
Ohh iya pada contoh pembuatan web sederhana kali ini saya sudah menggunakan kode editor yang memadai yaitu menggunakan Sublime Text, tidak lagi menggunakan Notepad apk bawaan pc. Yang bisa kalian unduh di browser kalian masing-masing.
Nah agar kalian ga bingung kalian bisa lihat pada script berikut:
<!DOCTYPE html>
<html>
<head>
<title>Web Leni</title>
</head>
<body>
<!-- JUDUL -->
<h1>Contoh Membuat Tampilan Web Berdasarkan Blogspot Kita</h1>
<!-- IMG/GAMBAR -->
<img src="tema.jpg" width="350">
<!-- SUB JUJDUL -->
<p>Dengan beberapa Alamat <i>Blogspot</i> Karya <b>Anggi Hidayat</b> Dari Berbagai Topik</p>
<h2>Jangan Lupa Kunjungi:</h2>
<!-- LIST -->
<ol type="1">
<!-- LINK -->
<li><a href="https://dariigarutt.blogspot.com/"target="_blank">Dari Garut</a></li>
<li><a href="https://lencoding.blogspot.com/"target="_blank">LenCoding</a></li>
<li><a href="https://anggihdyt.blogspot.com/"target="_blank">AnggiHdyt</a></li>
</ol>
<p>Ada beberapa blog dari satu alamat email yang saya buat, seperti mengenai tanggapan terhadap kebijakan-kebijakan pemerintah, tentang ngoding, ataupun sedikit tips mengenai tips memilih PTN/PTS.</p>
<h3>Jangan Sungkan Untuk Memberi Kritik Dan Saran!</h3>
<form action="WebBlogg.html" method="GET">
<table>
<tr>
<td><label for="nama">Nama:</label><input type="text" id="nama" required=""></td>
</tr>
<tr>
<td><label for="alamat">Alamat:</label><input type="text" id="alamat" required=""></td>
</tr>
<tr>
<td><label for="asal">Asal Kota:</label><select type="text" name="asal kota" id="asal">
<option>Bandung</option>
<option>Garut</option>
<option>Cimahi</option>
<option>Tasik</option>
</select>
</td>
</tr>
<tr>
<td><label for="nohp">Nomor Handphone:</label><input type="no" id="nohp" required=""></td>
</tr>
<tr>
<td>Jenis Kelamin:</td>
</tr>
<tr>
<td><input type="radio" name="jenis kelamin" id="lakilaki"><label for="lailaki">Laki-Laki</label></td>
</tr>
<tr>
<td><input type="radio" name="jenis kelamin" id="perempuan"><label for="perempuan">Perempuan</label></td>
</tr>
<tr>
<td><textarea type="text"name="pesan" rows="10"cols="30"placeholder="Kritik Dan Saran"></textarea></td>
</tr>
<tr>
<td><button type="Submit">Kirim</button></td>
</tr>
</table>
</form>
</body>
</html>
Itu merupakan Script yang saya buat untuk mengetahui contoh lain dari penggunaan tag-tag dalam HTML. Untuk mengingatkan kembali ingatan kalian dan supaya lebih jelas untuk mengetahui perbedaan dengan uploadan sebelumnya klik disisni..https://lencoding.blogspot.com/2020/02/html-sederhana.html
Silakan pahami secara seksama secara berulang berdasar klasifikasi sebelumnya yang sudah saya sampaikan sebelumnya.
Bisa dibantu dengan menggunakan metode mengulang dan menghafalkan dari setiap point minimal 10x mempraktekan tanpa melihat contekan. Supaya kita lebih cepat paham serta menjadikan ingatan kita lebih kuat.
sekian pada kesempatan kali ini. Semoga tetap bisa memberi sedikit pengetahuan serta kemudahan dalam mempelajari HTML.
#KEEF FIGHT PROGRAMMER WEB
Komentar
Posting Komentar