Anda di halaman 1dari 4

Nama: Rozha purrnama rahayu

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

7. HTML Text Formatting


- <b> Teks tebal
- <strong> Teks penting
- <i> Teks miring
- <em> Teks yang ditekankan
- <mark> Teks yang ditandai
- <small> Teks lebih kecil
- <del> Teks yang dihapus
- <ins> Teks yang disisipkan
- <sub> Teks subskrip
- <sup> Teks superskrip

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.

10. HTML Colors


- dapat di definiskan dengan nama warna yang telah ditentukan sebelumnya, atau dengan nilai
RGB, HEX, HSL, RGBA, atau HSLA.
- Warna latar belakang Anda dapat mengatur warna latar belakang untuk elemen HTML

11. HTML Links


- Tag HTML <a> mendefinisikan hyperlink.
- Atribut target menentukan tempat untuk membuka dokumen tertaut.
- Atribut target dapat memiliki salah satu dari nilai berikut: _self - Bawaan. Membuka
dokumen di jendela/tab yang sama dengan yang diklik, _blank - Membuka dokumen di
jendela atau tab baru, _parent - Membuka dokumen dalam bingkai induk, _top - Membuka
dokumen di seluruh badan jendela.

12. HTML Images


- Html images menunjukkan image yang berarti gambar dan oleh karenanya digunakan untuk
menyisipkan gambar.
- Tag HTML <img> digunakan untuk menyematkan gambar di halaman web.
- Atribut src yang diperlukan menentukan jalur (URL) ke gambar.
- Atribut alt yang diperlukan menyediakan teks alternatif untuk gambar, jika pengguna karena
alasan tertentu tidak dapat melihatnya (karena koneksi lambat, kesalahan dalam atribut src,
atau jika pengguna menggunakan pembaca layar).
- Anda dapat menggunakan atribut style untuk menentukan lebar dan tinggi gambar.
- Atau, Anda dapat menggunakan atribut width dan height

13. HTML Lists


- Html lists memungkinkan pengembang web untuk mengelompokkan satu set item terkait
dalam daftar.
- Daftar tidak berurutan dimulai dengan tag <ul>. Setiap item daftar dimulai dengan tag <li>. -
Daftar yang diurutkan dimulai dengan tag <ol>. Setiap item daftar dimulai dengan tag
<li>.
- Tag <dl> mendefinisikan daftar deskripsi, tag <dt> mendefinisikan istilah (nama), dan tag
<dd> menjelaskan setiap istilah.

Anda mungkin juga menyukai