Struktur Dasar
Daftar berikut menunjukkan solusi untuk masalah umum sehari-hari yang harus kamu selesaikan dengan menggunakan HTML.
Penerapan HTML yang paling dasar adalah struktur dokumen. Jika kamu baru mengenal HTML, kamu harus mulai dengan ini.
- Cara membuat dokumen HTML dasar
- Cara membagi halaman web menjadi beberapa bagian yang logis
- Cara mengatur struktur judul dan paragraf yang tepat
Dasar semantik tingkat dasar
HTML mengkhususkan dalam memberikan informasi semantik untuk dokumen, jadi HTML menjawab banyak pertanyaan yang mungkin kamu miliki tentang bagaimana cara menyampaikan pesan kamu dengan baik di dokumen kamu.
- Cara membuat list item dengan HTML
- Cara menekankan (stressed) atau menekankan (empashed) konten
- Cara menambahkan text important
- Cara menampilkan kode komputer dengan HTML
- Cara membuat anotasi gambar dan grafik
- Bagaimana menandai singkatan dan membuatnya bisa dimengerti
- Bagaimana menambahkan quote dan cite ke halaman web
- How to define terms with HTML
Hyperlinks
Salah satu alasan utama HTML adalah memudahkan navigasi hyperlinks, which can be used in many different ways:
Gambar & multimedia
Scripting & styling
HTML hanya mengatur struktur dokumen. Untuk mengatasi masalah tampilan, gunakanCSS, atau gunakan scripting atau javascript untuk membuat halaman Anda interaktif.
Embedded content
Masalah yang tidak umum atau tingkat lanjut
Selain dasar-dasarnya, HTML sangat kaya dan menawarkan fitur-fitur canggih untuk memecahkan masalah yang kompleks. Artikel ini membantu kamu menangani kasus penggunaan yang kurang umum yang mungkin kamu hadapi:
Forms (Formulir)
Forms adalah struktur HTML kompleks yang dibuat untuk mengirim data dari halaman web ke server web. Kami mendorong kamu untuk membaca panduan lengkap kami. Di sinilah kamu harus memulai:
Tabular information ( Informasi Tabel)
Beberapa informasi, yang disebut data tabular, perlu diatur ke dalam tabel dengan kolom dan baris. Itu salah satu struktur HTML paling kompleks, dan menguasainya tidaklah mudah:
Data representation (Representasi data)
- Bagaimana merepresentasikan nilai numerik dan kode dengan HTML — Lihat Superscript and Subscript, dan Representasi kode komputer.
- Cara menggunakan atribut data
Sematik text tingkat lanjut
- Cara membuat garis baru
- How to mark changes (added and removed text) — see the
<ins>
and<del>
elements.
Advanced images & multimedia
- Bagaimana cara menambahkan gambar responsif ke halaman web
- Bagaimana cara menambahkan gambar vektor ke halaman web
- Bagaimana cara menambahkan peta di atas gambar
Internationalization
HTML tidak monolingual. Alat ini menyediakan sesuatu untuk menangani masalah internasionalisasi umum.
- Bagaimana cara menambahkan banyak bahasa ke dalam satu halaman web
- Bagaimana menampilkan waktu dan tanggal dengan HTML
Performa