Kelas: 3 ITE2
Tugas Merangkum WAP Merangkum HTML Tutorial
1. HTML Basic
- <!DOCTYPE html> adalah deklarasi pada dokumen HTML5 yang berfungsi untuk
memberikan informasi kepada web browser tentang versi dokumen HTML yang
bersangkutan.
- <html> digunakan untuk tanda memulai dokumen
- </html> digunakan untuk tanda menutup dokumen
- <body> digunakan untuk menandai dibagian awal tampilan web browser
- </body> digunakan untuk menandai dibagian akhir tampilan web browser
- <h1> mendefinisikan heading yang paling penting
- <h6> mendefinisikan heading yang paling tidak penting
- <p> digunakan membuat paragraf
- <a> digunakan untuk membuat tautan link
- <img> digunakan menampilkan gambar
2. HTML Elements
- Elemen <html> adalah elemen root dan mendefinisikan seluruh dokumen HTML.
- Ini memiliki tag awal <html> dan tag akhir </html>.
- Kemudian, di dalam elemen <html> ada elemen <body>.
- Elemen <body> mendefinisikan isi dokumen.
- Ini memiliki tag awal <body> dan tag akhir </body>.
- Ini memiliki tag awal <h1> dan tag akhir </h1>
- Ini memiliki tag awal <p> dan tag akhir </p>
- Tag <br> mendefinisikan jeda baris, dan merupakan elemen kosong tanpa tag penutup -
Tag HTML tidak peka huruf besar/kecil: <P> artinya sama dengan <p>.
3. HTML Attributes
- Tag <a> mendefinisikan hyperlink. Atribut href menentukan URL halaman yang dituju tautan
- Tag <img> digunakan untuk menyematkan gambar di halaman HTML. Atribut src
menentukan jalur ke gambar yang akan ditampilkan
- Tag <img> juga harus berisi atribut lebar dan tinggi, yang menentukan lebar dan tinggi
gambar (dalam piksel)
- Atribut alt yang diperlukan untuk tag <img> menentukan teks alternatif untuk gambar, jika
gambar karena alasan tertentu tidak dapat ditampilkan. Hal ini dapat disebabkan oleh koneksi
yang lambat, atau kesalahan pada atribut src, atau jika pengguna menggunakan pembaca
layar.
- Atribut style digunakan untuk menambahkan gaya ke elemen, seperti warna, font, ukuran, dan
lainnya.
- Anda harus selalu menyertakan atribut lang di dalam tag <html>, untuk mendeklarasikan
bahasa halaman Web. Ini dimaksudkan untuk membantu mesin pencari dan browser.
- Atribut title mendefinisikan beberapa informasi tambahan tentang suatu elemen.
4. HTML Headings
- heading biasanya digunakan untuk membuat judul pada halaman web
- Judul HTML didefinisikan dengan tag <h1> hingga <h6>. <h1> mendefinisikan heading
yang paling penting. <h6> mendefinisikan heading yang paling tidak penting.
- Judul <h1> harus digunakan untuk judul utama, diikuti oleh judul <h2>, kemudian <h3> yang
kurang penting, dan seterusnya.
- Setiap heading HTML memiliki style default. Namun, Anda dapat menentukan ukuran untuk
setiap heading dengan atribut style, menggunakan properti font-size CSS
5. HTML Paragraphs
- Elemen HTML <p> mendefinisikan sebuah paragraf. Sebuah paragraf selalu dimulai pada
baris baru, dan browser secara otomatis menambahkan beberapa spasi (margin) sebelum dan
sesudah paragraf.
- Tag <hr> mendefinisikan jeda tematik di halaman HTML, dan paling sering ditampilkan
sebagai aturan horizontal.
- Gunakan <br> jika Anda ingin jeda baris (baris baru) tanpa memulai paragraf baru - Elemen
HTML <pre> mendefinisikan teks yang telah diformat sebelumnya.
6. HTML Styles
- Atribut style HTML digunakan untuk menambahkan gaya ke elemen, seperti warna, font,
ukuran, dan lainnya.
- background-color CSS mendefinisikan warna latar belakang untuk elemen HTML.
- color CSS mendefinisikan warna teks untuk elemen HTML
- font-family CSS mendefinisikan font yang akan digunakan untuk elemen HTML
- font size CSS mendefinisikan ukuran teks untuk elemen HTML
- text-align CSS mendefinisikan perataan teks horizontal untuk elemen HTML
8. HTML Quotation
- Elemen HTML <blockquote> mendefinisikan bagian yang dikutip dari sumber lain.
- Tag HTML <q> mendefinisikan kutipan singkat.
- Tag HTML <abbr> mendefinisikan singkatan atau akronim, seperti "HTML", "CSS", "Mr.",
"Dr.", "ASAP", "ATM".
- Tag HTML <address> mendefinisikan informasi kontak untuk penulis/pemilik dokumen atau
artikel.
- Tag HTML <cite> mendefinisikan judul karya kreatif (misalnya buku, puisi, lagu, film,
lukisan, patung, dll.).
9. HTML Comments
- Html comments adalah elemen yang akan diabaikan oleh browser.
- Dengan komentar Anda dapat menempatkan pemberitahuan dan pengingat dalam kode
HTML Anda
- Komentar dapat digunakan untuk menyembunyikan konten. Ini dapat membantu jika Anda
menyembunyikan konten untuk sementara
- Anda juga dapat menyembunyikan lebih dari satu baris. Segala sesuatu di antara <!-- dan -->
akan disembunyikan dari tampilan.
- Komentar dapat digunakan untuk menyembunyikan bagian di tengah kode HTML.