Form HTML digunakan untuk mengumpulkan data dari pengguna. Form dapat berisi berbagai jenis input seperti teks, tombol radio, daftar turun dan tombol submit. Tag <form> digunakan untuk membuat form HTML. Elemen <input> penting untuk mengambil informasi dari pengguna dan dapat berupa teks, kotak centang, tombol radio dan lainnya. Tabel HTML digunakan untuk menampilkan data secara terstruktur dalam baris dan kolom.
Modul ini membahas tentang pengenalan HTML5 yang mencakup overview HTML, formatting teks (heading, hyperlink, paragraph, gambar), tabel, form, serta input baru pada HTML5 seperti date, color, email dan lainnya. Modul ini juga menyertakan contoh kode untuk mempelajari tag-tag dasar HTML5.
Dokumen tersebut memberikan pengantar singkat tentang HTML. Ia menjelaskan apa itu HTML, bagaimana HTML digunakan untuk membuat halaman web, dan berbagai tag HTML dasar seperti <p>, <h1>, <img> untuk memformat teks, judul dan gambar. Dokumen tersebut juga mendemonstrasikan penggunaan tabel, daftar terurut dan tidak terurut, serta video YouTube menggunakan tag HTML.
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep WWW, struktur dokumen HTML, dasar-dasar HTML, dan contoh kode HTML untuk pengaturan teks, gambar, tabel, dan lainnya.
Dokumen tersebut membahas pengantar tentang HyperText Markup Language (HTML) yang merupakan bahasa format untuk menyajikan dokumen di World Wide Web. HTML digunakan untuk membuat struktur dasar dokumen dan mendefinisikan makna dari konten. Dokumen tersebut juga menjelaskan tag-tag dasar dan fungsi HTML lainnya seperti pengaturan teks, link, gambar, dan tabel.
Form HTML digunakan untuk mengumpulkan data dari pengguna. Form dapat berisi berbagai jenis input seperti teks, tombol radio, daftar turun dan tombol submit. Tag <form> digunakan untuk membuat form HTML. Elemen <input> penting untuk mengambil informasi dari pengguna dan dapat berupa teks, kotak centang, tombol radio dan lainnya. Tabel HTML digunakan untuk menampilkan data secara terstruktur dalam baris dan kolom.
Modul ini membahas tentang pengenalan HTML5 yang mencakup overview HTML, formatting teks (heading, hyperlink, paragraph, gambar), tabel, form, serta input baru pada HTML5 seperti date, color, email dan lainnya. Modul ini juga menyertakan contoh kode untuk mempelajari tag-tag dasar HTML5.
Dokumen tersebut memberikan pengantar singkat tentang HTML. Ia menjelaskan apa itu HTML, bagaimana HTML digunakan untuk membuat halaman web, dan berbagai tag HTML dasar seperti <p>, <h1>, <img> untuk memformat teks, judul dan gambar. Dokumen tersebut juga mendemonstrasikan penggunaan tabel, daftar terurut dan tidak terurut, serta video YouTube menggunakan tag HTML.
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep WWW, struktur dokumen HTML, dasar-dasar HTML, dan contoh kode HTML untuk pengaturan teks, gambar, tabel, dan lainnya.
Dokumen tersebut membahas pengantar tentang HyperText Markup Language (HTML) yang merupakan bahasa format untuk menyajikan dokumen di World Wide Web. HTML digunakan untuk membuat struktur dasar dokumen dan mendefinisikan makna dari konten. Dokumen tersebut juga menjelaskan tag-tag dasar dan fungsi HTML lainnya seperti pengaturan teks, link, gambar, dan tabel.
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep World Wide Web, pengenalan HTML, browser dan editor, tag-tag dasar HTML, dan latihan-latihan membuat dokumen HTML sederhana.
Bab ini membahas struktur dasar halaman HTML dan format teks menggunakan tag. Setiap halaman HTML minimal memiliki tag seperti DOCTYPE, <HTML>, <head>, <title>, dan <body>. HTML menggunakan tag untuk menunjukkan elemen seperti teks, gambar, dan lainnya kepada browser. Format teks menggunakan tag seperti bold, italic, dan underline untuk membuat teks terlihat berbeda dan memberi arti.
Tabel pada HTML digunakan untuk menyajikan data secara terstruktur dalam baris dan kolom. Tag-tag dasar untuk membuat tabel adalah <table>, <tr> untuk baris, dan <td> untuk kolom. Fungsi colspan dan rowspan memungkinkan penggabungan sel-sel tabel. Warna dan gaya font dapat disesuaikan menggunakan tag-tag tertentu.
Tabel HTML digunakan untuk menyajikan informasi secara terstruktur menggunakan baris, kolom, dan sel. Terdapat beberapa tag HTML yang digunakan untuk membuat tabel seperti <table>, <thead>, <tbody>, <tr>, <td>, dan <th>. Atribut seperti border, cellpadding, dan bgcolor dapat digunakan untuk menambahkan garis, jarak isi sel, serta warna pada sel dan baris tabel. Atribut rowspan dan colspan digunakan untuk menggabungkan sel tabel.
Dokumen ini membahas tentang berbagai tag dan elemen HTML untuk membuat dan mendesain halaman web, termasuk tag untuk paragraf, format teks, daftar, frame, link, gambar, form, serta colspan dan rowspan pada tabel.
Pada halaman ini pembuat merangkum dai post sebelumnya yaitu Html tingkat lanjut dan Aplikasi pada Form. Tugas ini dibuat pada pertemuan ke-dua dan ke-tiga
Dokumen tersebut membahas pengenalan dasar HTML dan CSS. Secara singkat, HTML digunakan untuk memberikan struktur dan konten ke dokumen, sedangkan CSS digunakan untuk menentukan gaya tampilan. Dokumen tersebut menjelaskan konsep dasar HTML seperti elemen, tag, dan atribut, serta struktur dasar dokumen HTML. Selanjutnya dibahas konsep dasar CSS seperti selector, property, dan value, serta cara mengimplementasikan CSS ke dokumen HTML.
Dokumen tersebut membahas tentang pemrograman web yang mencakup:
1. Pengenalan World Wide Web dan protokol HTTP serta HTML yang digunakan untuk membuat dokumen web
2. Penggunaan tag-tag dasar HTML untuk mengatur struktur, format teks, dan warna latar belakang halaman web
3. Peran browser dan editor dalam memproses dan mengedit dokumen HTML
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep World Wide Web, pengenalan HTML, browser dan editor, tag-tag dasar HTML, dan latihan-latihan membuat dokumen HTML sederhana.
Bab ini membahas struktur dasar halaman HTML dan format teks menggunakan tag. Setiap halaman HTML minimal memiliki tag seperti DOCTYPE, <HTML>, <head>, <title>, dan <body>. HTML menggunakan tag untuk menunjukkan elemen seperti teks, gambar, dan lainnya kepada browser. Format teks menggunakan tag seperti bold, italic, dan underline untuk membuat teks terlihat berbeda dan memberi arti.
Tabel pada HTML digunakan untuk menyajikan data secara terstruktur dalam baris dan kolom. Tag-tag dasar untuk membuat tabel adalah <table>, <tr> untuk baris, dan <td> untuk kolom. Fungsi colspan dan rowspan memungkinkan penggabungan sel-sel tabel. Warna dan gaya font dapat disesuaikan menggunakan tag-tag tertentu.
Tabel HTML digunakan untuk menyajikan informasi secara terstruktur menggunakan baris, kolom, dan sel. Terdapat beberapa tag HTML yang digunakan untuk membuat tabel seperti <table>, <thead>, <tbody>, <tr>, <td>, dan <th>. Atribut seperti border, cellpadding, dan bgcolor dapat digunakan untuk menambahkan garis, jarak isi sel, serta warna pada sel dan baris tabel. Atribut rowspan dan colspan digunakan untuk menggabungkan sel tabel.
Dokumen ini membahas tentang berbagai tag dan elemen HTML untuk membuat dan mendesain halaman web, termasuk tag untuk paragraf, format teks, daftar, frame, link, gambar, form, serta colspan dan rowspan pada tabel.
Pada halaman ini pembuat merangkum dai post sebelumnya yaitu Html tingkat lanjut dan Aplikasi pada Form. Tugas ini dibuat pada pertemuan ke-dua dan ke-tiga
Dokumen tersebut membahas pengenalan dasar HTML dan CSS. Secara singkat, HTML digunakan untuk memberikan struktur dan konten ke dokumen, sedangkan CSS digunakan untuk menentukan gaya tampilan. Dokumen tersebut menjelaskan konsep dasar HTML seperti elemen, tag, dan atribut, serta struktur dasar dokumen HTML. Selanjutnya dibahas konsep dasar CSS seperti selector, property, dan value, serta cara mengimplementasikan CSS ke dokumen HTML.
Dokumen tersebut membahas tentang pemrograman web yang mencakup:
1. Pengenalan World Wide Web dan protokol HTTP serta HTML yang digunakan untuk membuat dokumen web
2. Penggunaan tag-tag dasar HTML untuk mengatur struktur, format teks, dan warna latar belakang halaman web
3. Peran browser dan editor dalam memproses dan mengedit dokumen HTML
2. Membuat List Pada HTML
List atau yang kita kenal dengan daftar berurutan merupakan fungsi dalam HTML yang digunakan
untuk menampilkan data secara berurutan ke bawah. Dalam HTML penulisan list menggunakan
tag <li>. dalam membuat list pada HTML ini terdapat dua jenis tampilan list yang bisa di gunakan
yaitu ordered list (bentuk huruf atau angka) dan unordered list (bentuk bulatan atau kotak).
<html>
<head>
<title>belajar membuat list</title>
</head>
<body>
<br>
<ol>
<li>belajar HTML</li>
<li>belajar PHP</li>
</ol>
</body>
</html>
<html>
<head>
<title>belajar membuat list</title>
</head>
<body>
<br>
<ul>
<li>belajar HTML</li>
<li>belajar PHP</li>
</ul>
</body>
</html>
3. Menampilkan Gambar
Untuk menampilkan gambar dengan HTML, anda bisa menggunakan tag <img>.kemudian
masukkan atribut “src=” pada tag <img>. atribut src berguna untuk menghubungkan dengan file
gambar,
4. untuk pembuatan tabel menggunakan tag <table>, dan menggunakan tag <tr> untuk membuat
baris dan <td> untuk membuat kolom data, Dan tag <th> untuk membuat table head atau
bagian kepala pada table.
<html>
<head>
<title>belajar membuat tabel di html</title>
</head>
<body>
<table border="1">
<tr>
<td>baris 1 / kolom 1</td>
<td>baris 1 / kolom 2</td>
</tr>
<tr>
<td>baris 2 / kolom 1</td>
<td>baris 2 / kolom 2</td>
</tr>
<tr>
<td>baris 3/ kolom 1</td>
<td>baris 3/ kolom 2</td>
</tr>
<tr>
<td>baris 4/ kolom 1</td>
<td>baris 4/ kolom 2</td>
</tr>
</table>
</body>
</html>
tag table saya memberikan atribut
border=’1’. atribut border ini
digunakan untuk memberikan garis pada
table dan nilai 1 ini merupakan nilai dari
garis tepi pada tabel
5. Beberapa perintah penting untuk membuat tabel:
1. <table border=”1”> .... </table> merupakan perintah utama dalam pembuatan tabel,
tabel dengan ketebalan 1px
2. <tr> ... </tr> tag untuk membuat baris
3. <td> ... </td> tag untuk membuat kolom/cell
4. colspan merge/melebarkan kolom/cell
5. rowspan merge/melebarkan baris
6. Kok tidak ada garisnya?
Iya, karena kita tidak menambahkan atribut border pada tabelnya.
Agar Tabelnya memiliki garis, silahkan tambahkan atribut border="1" di dalam tag <table>.
7. Mengatur Jarak Sel dengan Cellpadding
Atribut cellpadding adalah atribut untuk mengatur jarak teks dengan garis di dalam sel.
Atribut ini dapat kita berikan kepada tag <table>.
Contoh:
8. Menambahkan Warna pada Sel dan Baris
Untuk menambahkan warna pada sel dan baris, kita bisa menambahkan atribut bgcolor di dalam
tag <td> (untuk sel) atau <tr> (untuk baris).
Contoh:
Nilai atribut bgcolor bisa kita isi dengan
kode warna dalam heksadesimal atau
nama warna dalam bahasa inggris.
9. Menggabungkan Sel Tabel
Atribut yang digunakan untuk menggabungkan
sel tabel adalah rowspan dan colspan:
•rowspan untuk menggbungkan baris;
•colspan untuk mebggabungkan kolom.
Atribut ini bisa kita berikan kepada
tag <td> atau <th>.
11. Menyisipkan Elemen yang Lain ke dalam Sel
Di salam sel <td> dan <th>, kita bisa menyisipkan elemen HTML yang lain, seperti gambar,
link, video, list, dsb.
Contoh:
12.
13. Membuat Hyperlink Pada HTML
Tujuan dari hyperlink ini membuat sebuah teks atau gambar
yang ketika diklik akan di alihkan ke halaman tertentu yang
sudah di tetapkan dalam penulisan hyerlink tersebut. Hyperlink
sendiri ditulis dengan menggunakan tag <a>. di ikuti olehatribut
href (hyperlink reference)
<a href="http://uinsaizu.ac.id">klik disini</a>
ketika di klik pada kata “klik disini” maka halaman akan di
alihkan ke halaman www.uinsaizu.ac.id. hal ini sesuai dengan
ketentuan yang telah kita tetapkan pada atribut href.
14. Membuat Form pada HTML
Tag <form>
Dalam tag <form> ini dibutuhkan beberapa atribut untuk memproses
data yang akan dikirim. dan biasanya nilai yang di kirim berupa alamat
dari sebuah halaman untuk memproses data inputan. dan atribut yang
kedua berupa method. method ini menjelaskan bagaimana data yang
akan dikirim oleh web browser. nilai dari method ini biasanya get atau
post.
Tag <input>
Tag input merupakan tag yang akan digunakan dalam form
pengisian. tag input ini memiliki banyak sekali bentuk yang bisa
digunakan misalkan isian teks, password, checkbox, radio button,
sampai dengan tombol submit berada dalam tag <input>.
15. Berikut beberapa bentuk dalam tag <input> yang di kategorikan berdasarkan
atribut :
JENIS INPUT KETERANGAN
<input type=’text’> Form ini bersifat menerima inputan text misalkan: username,
nama, tempat lahir atau berupa inputan text yang pendek.
<input type=’password’> Form ini bersifat menerima inputan password. Setiap text yang
di input akan di tampilkan sebagai tanda titik(di samarkan),
textbox ini biasanya digunakan untuk membuat inputan
password.
<input type=’submit’> inputan ini berupa tombol submit untuk memproses data
inputan dari form.
<input type=’checkbox’>
inputan berupa checkbox yang dapat di ceklis oleh user.
Inputan ini memungkinan user untuk men-checklist banyak
pilihan sekaligus.
<input type=’radio’>
ini berupa radio grup, dimana user dapat memilih salah satu
dari pilihan yang disediakan dengan menggunakan form radio.
contoh nya adalah form pemilihan jenis kelamin.
**********
Submit
16. Tag <textarea>
Tag <textarea> adalah tag yang sama fungsinya dengan inputan text, hanya
saja pada textarea ini dapat diisikan dengan lebih banyak teks didalamnya
secara sekaligus. Contoh nya untuk pengisian alamat lengkap.
<textarea> </textarea>
Tag <select>
Tag <select> merupakan tag yang digunakan user untuk memilih data yang
sudah
disediakan. Dalam penggunakan <select> selalu diikuti oleh <option> yang
digunakan untuk membuat pilihan.
<select>
<option>Semarang</option>
<option>Bandung</option>
</select>