Latihan HTML - part 2

Hai-hai... pada postingan saya ini, saya akan melanjutkan hasil dari latihan HTML-part 1 pada postingan sebelumnya.. 

gambar diatas merupakan cara membuat html table. Setiap baris tabel didefinisikan dengan tag <tr>. Sebuahheader tabel didefinisikan dengan tag <th>. Sebuah data / sel tabel didefinisikan dengan tag <td>. Selanjutnya...

Html list, terdapat 3 jenis yaitu unordered list (daftar tidak terurut), ordered list (daftar terurut), dan definition list (daftar definisi). seperti yang terlihat pada gambar, untuk unordered list yaitu menggunakan dot dengan tag awalan <ul>, untuk ordered list yaitu menggunakan angka pada listnya dengan tag awalan <ol>, dan definition list merupakan list dengan item/deskripsi disetiap listnya. definition list diawali dengan tag <dl> dan ada dua elemen lain, yaitu dt (definition term - istilah yang akan didefinisikan) dan dd (definition description - penjelasan dari istilah).

selanjutnya HTML layouts, Kebanyakan website telah menempatkan konten mereka pada beberapa kolom (Diformat seperti majalah atau koran). Beberapa kolom yang dibuat dengan menggunakan <div> atau <table> elemen. CSS digunakan untuk posisi elemen, atau untuk membuat latar belakang atau penampilan warna-warni untuk halaman.

pada notepad++, tag <div id="container" style="width:500px"> untuk mengatur lebar pada sel header diatas, style="background-color:#FFA500;" untuk memberi warna.

selanjutnya HTML form and input, html form digunakan untuk melewatkan data ke server. Bentuk HTML dapat mengandung unsur masukan seperti text field, checkboxes, radio-buttons, submit button dll. <form> merupakan tag awalannya dan diakhiri dengan </form>.

<input> merupakan elemen yang paling penting yang digunakan untuk memilih informasi pengguna. Sebuah <input> elemen dapat bervariasi dengan banyak cara, tergantung pada jenis atributnya.

• <input type="text"> merupakan sebuah field input satu baris dimana pengguna dapat memasukan teks.
• <input type="password"> digunakan untuk menginput password
• <input type="radio"> digunakan untuk radio-button, dimana pengguna hanya bisa memilih satu dari beberapa pilihan,
• <input type="checkbox"> digunakan untuk mencentang dimana pengguna dapat memilih lebih dari satu dari beberapa pilihan.
• <input type="submit"> digunakan untuk tombol submit yang berfungsi untuk mengirim data formulir ke server.

selanjutnya...

HTML iframe dapat digunakan sebagai target frame untuk link. untuk menambahkan html iframe menggunakan <iframe src="URL"></iframe>

Selanjutnya HTML Entities, digunakan untuk membuat karakter yang tidak mungkin digunakan pada teks dalam HTML, seperti kurang dari (<), lebih dari (>), dan yang lainnya. seperti yang terlihat pada gambar diatas.

bagaimana?? mudah dipahamin bukan?? semoga postingan lanjutan saya ini bermanfaat bagi kalian... Selamat mencobaaa..::))))))


sumber:
https://bertzzie.com/knowledge/desain-web-dasar/List.html