Menutup tag HTML

Memberikan informasi tambahan tentang elemen

Mengatur tata letak halaman

Menyisipkan gambar ke halaman web

1. <img src="gambar.jpg" alt="Deskripsi gambar">

1. <img src:"gambar.jpg" alt:"Deskripsi gambar">

1. <img src=gambar.jpg alt=Deskripsi gambar>

1. <img "gambar.jpg" "Deskripsi gambar">

h-two

h2

heading2

hh

// Ini adalah komentar

/* Ini adalah komentar */

4. <!-- Ini adalah komentar -->

# Ini adalah komentar

Membuat judul utama

Membuat paragraf teks

Menyisipkan gambar

Membuat daftar berurutan

<table>

<b>

<u>

<bald>

Membuat teks miring

Membuat teks bergaris bawah

Membuat teks berukuran besar

Mengubah warna teks

<line>

<u>

<cross>

<hr>

10. <link>

10. <a>

10. <href>

10. <url>

src

href

alt

title

alt

src

width

height

Menentukan ukuran gambar

Memberikan teks alternatif jika gambar gagal dimuat

Mengatur posisi gambar di halaman

Menentukan format file gambar

13. <img src="gambar.jpg" width="200px">

13. <img src="gambar.jpg" size="200">

13. <img src="gambar.jpg" width=200px>

13. <img src="gambar.jpg" pixel="200">

16. <ol>

<ul>

<al>

<li>

16. <ul><li>Item</li></ul>

16. <ol><li>Item</li></ol>

16. <dl><li>Item</li></dl>

16. <list><li>Item</li></list>

<tr>

<row>

<td>

<rowspan>

Membuat sel data biasa

Membuat judul kolom atau baris

Membuat baris baru

Mengatur lebar tabel

rowspan

colspan

merge

span

<input>

<form>

<button>

<fieldset>

dates

date

dante

data

radio hanya bisa pilih satu, checkbox bisa pilih radio

checkbox hanya bisa pilih satu, radio bisa pilih lebih

radio hanya bisa pilih satu, checkbox bisa pilih lebih

checkbox hanya bisa pilih lebih, radio bisa pilih dua

Menentukan jenis input

Menentukan alamat tujuan pengiriman data formulir

Mengatur tampilan formulir

Menentukan nama formulir

style.css

index.html

main.js

home.txt

25. <link rel="stylesheet" href="style.css">

25. <style src="style.css">

25. <css href="style.css">

25. <link src="style.css">

h1 { color: blue; }

{ color: blue; }

h1: color = blue;

h1 = { color: blue }

Aturan untuk mengatur warna latar belakang

Bagian dari CSS yang menentukan elemen yang akan diatur

Properti untuk mengatur ukuran font

Kode untuk menghubungkan CSS ke HTML

p { font-size: 16px; }

p { font-size = 16px }

p: font-size 16px;

p { font-size: 16px }

background-color

color

font-color

text-color

background-color: red;

bg: red;

background-color: #ff0000;

bg-color: #ff0000

text-align: center;

align: center;

text-position: center;

center: text;

font-family

font-style

font-size

text-font

border: 2px solid black;

border: 2px black;

border-size: 2px black;

border-color: 2px black;

size

width

height

dimension

Margin adalah jarak di dalam elemen, padding adalah jarak di luar elemen

Margin adalah jarak di luar elemen, padding adalah jarak di dalam elemen

Margin dan padding sama-sama mengatur ukuran elemen

Margin digunakan untuk teks, padding untuk gambar

margin-top: 20px;

margin: 20px top;

padding-top: 20px;

top-margin: 20px;

padding: 10px;

padding-all: 10px;

padding: 10px 5px 10px;

padding: 5px 5px 5px 5px;

Content, padding, border, margin

Content, font, color, background

Padding, border, width, height

Margin, font-size, text-align

Content + padding

Content + padding + border + margin

Content + border

Content saja

Jarak Border ke Box Lain

Jarak Content ke Border

Jarak Content ke Margin

Jarak Rey ke Daffa

Menyembunyikan elemen tanpa menghapus ruangnya

Menyembunyikan elemen dan menghapus ruangnya

Mengatur elemen menjadi rata tengah

Mengubah ukuran elemen

display: none; menyembunyikan elemen tanpa ruang, visibility: hidden; menyembunyikan dengan ruang

display: none; mengubah warna, visibility: hidden; mengubah ukuran

Keduanya sama-sama menyembunyikan elemen tanpa ruang

visibility: hidden; menghapus elemen dari halaman

Mengisi lebar penuh dan memulai baris baru

Berada di samping elemen lain

Tersembunyi dari halaman

Mengambang di sisi kanan

Tetap pada posisi awal

Berpindah relatif terhadap elemen induk yang diposisikan

Posisinya relatif mengikuti elemen induk

Mengambang di sisi kiri

Mengatur posisi elemen ke tengah halaman

Membuat elemen mengambang ke kiri atau kanan

Menyembunyikan elemen

Mengatur jarak antar elemen

Dokumen keseluruhan

Posisi aslinya

Elemen induk

Elemen terdekat

display: flex;

flex: block;

display: inline;

display: none;

Mengatur jarak vertikal antar elemen

Mengatur penyebaran elemen pada sumbu utama

Mengatur ukuran elemen

Mengatur warna elemen

Mengatur penyebaran elemen pada sumbu silang

Mengatur posisi elemen ke kiri atau kanan

Mengatur lebar elemen

Menyembunyikan elemen

Tailwind

Laravel

Express

Ruby Rail Go