Berikut ini adalah ringkasan mengenai beberapa jenis tag HTML yaitu Tag Block, Tag Table dan List, Tag Form, serta Tag Iframe.
1. Tag Block
Tag Block atau elemen block adalah tag yang menempati satu baris penuh di layar dan biasanya digunakan untuk membuat struktur dasar halaman. Elemen ini secara otomatis akan membuat baris baru di setelahnya, sehingga elemen berikutnya akan berada di bawahnya.
Beberapa contoh tag block:
<div>: Elemen kontainer umum yang digunakan untuk mengelompokkan elemen lain.<p>: Digunakan untuk membuat paragraf.<h1> ... <h6>: Tag heading, digunakan untuk membuat judul, dengan<h1>sebagai yang paling besar dan<h6>paling kecil.<header>,<footer>,<section>,<article>,<aside>: Elemen HTML5 yang digunakan untuk membuat struktur halaman yang lebih terorganisir.
Contoh:
htmlCopy code<div>
<h1>Judul Utama</h1>
<p>Ini adalah paragraf dalam elemen div.</p>
</div>
2. Tag Table dan List
Tag Table dan List digunakan untuk menampilkan data atau informasi dalam bentuk tabel atau daftar.
- Tag Table: Digunakan untuk membuat tabel.
<table>: Membuat elemen tabel.<tr>: Membuat baris di dalam tabel.<td>: Membuat sel data di dalam baris.<th>: Membuat sel header yang biasanya berada di bagian atas kolom atau baris.
<table> <tr> <th>Nama</th> <th>Umur</th> </tr> <tr> <td>Andi</td> <td>25</td> </tr> <tr> <td>Budi</td> <td>30</td> </tr> </table> - Tag List: Digunakan untuk membuat daftar.
<ul>: Daftar tidak berurutan (unordered list) dengan tanda bullet.<ol>: Daftar berurutan (ordered list) dengan nomor atau huruf.<li>: Item dalam daftar.
<ul> <li>Item 1</li> <li>Item 2</li> </ul> <ol> <li>Langkah 1</li> <li>Langkah 2</li> </ol>
3. Tag Form
Tag Form digunakan untuk membuat formulir di halaman web, di mana pengguna dapat menginputkan data yang dikirim ke server untuk diproses.
<form>: Tag utama untuk membuat formulir, dengan atribut sepertiaction(untuk mengatur URL tujuan data) danmethod(untuk menentukan metode pengiriman, seperti POST atau GET).<input>: Tag untuk membuat berbagai jenis input (text, email, password, checkbox, radio, dll.).<textarea>: Membuat area teks lebih besar untuk input yang panjang.<button>: Membuat tombol dalam form.<label>: Menyediakan label untuk elemen form.
Contoh Form:
htmlCopy code<form action="/submit" method="post">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama">
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<button type="submit">Kirim</button>
</form>
4. Tag Iframe
Tag <iframe> digunakan untuk menyematkan halaman web lain atau konten eksternal di dalam halaman HTML. Iframe sering digunakan untuk menampilkan video, peta, atau konten lainnya dari situs luar tanpa meninggalkan halaman saat ini.
<iframe>: Tag ini memiliki atributsrcuntuk menentukan URL halaman yang ingin disematkan, sertawidthdanheightuntuk mengatur ukuran tampilan iframe.
Contoh Iframe:
htmlCopy code<iframe src="https://www.example.com" width="600" height="400"></iframe>
Dengan menggunakan tag-tag di atas, kita bisa mengatur layout halaman web, menampilkan data dalam tabel dan daftar, membuat form untuk input pengguna, serta menyematkan konten dari sumber eksternal.
6. Selamat, anda sudah bisa menginstall laravel versi terbaru sesuai dengan requirment PHP nya
Referensi Lainnya :
- https://drive.google.com/file/d/1XpEQmfdpvxuc3Y6Txs4J5Iywspj8TvdW/view?usp=classroom_web&authuser=0
- https://drive.google.com/file/d/1FZQ7KEstoe5_weFNbOrefsAmvLRDkwC-/view?usp=classroom_web&authuser=0
- https://drive.google.com/file/d/1n0EXwfeaqADZAf7UaxgygJZh3m88IydW/view?usp=classroom_web&authuser=0
- https://drive.google.com/file/d/1SSYXTfqURVFRuhHLftK1eDugI8Imhv3A/view?usp=classroom_web&authuser=0
- https://htmlcheatsheet.com/?authuser=0
