| Apa yang kamu pelajari?
Hyper Markup Text Language (HTML)
Introduction - Apa itu website?
Website adalah sebuah halaman yang menampilkan informasi melalui teks atau gambar. Website ini unik karena tiap halaman dapat saling terhubung dengan menggunakan hypertext links...
Introduction - Requirement Tools
Dalam mengembangkan sebuah website, tentu kita akan banyak menuliskan sebuah kode HTML, CSS, maupun JavaScript. Maka dari itu, langkah awal yang harus kita siapkan adalah...
Pengenalan - Struktur Dasar HTML
Website serupa dengan berkas dokumen yang ada seperti koran, majalah, atau buku. Serupa dalam hal memiliki struktur konten layaknya dokumen sehari-hari yang kita baca. Pada sebuah majalah terdapat judul, gambar...
Pendalaman - Mengenal Attribute Dalam HTML
Elemen dituliskan dengan awalan tag pembuka <> dan diakhiri dengan tag penutup </>. Ada satu hal lagi yang bisa kita tuliskan pada sebuah elemen, lebih tepatnya...
Pendalaman - Mengenal Paragraf
Paragraf adalah elemen paling mendasar dari sebuah dokumen teks. Pada HTML, kita bisa menunjukkan sebuah...
Pendalaman - Mengenal Heading
Ketika kita menambahkan heading pada konten, Heading ini merepresentasikan garis besar halaman untuk bantu memetakan dan mengarahkan pengguna selama menjelajahi...
Pendalaman - Mengenal List
Ketika kita menambahkan heading pada konten, Heading ini merepresentasikan garis besar halaman untuk bantu memetakan dan mengarahkan pengguna selama menjelajahi...
Pendalaman - Menerapkan List pada Halaman Profile
Setelah kita sudah memepelajari penerapan list pada HTML, sekarang coba kita praktekkan elemen list yang berperan sebagai navigasi pada halaman profile yang sebelumnya sudah kita...
Pendalaman - Mengenal Gambar
Tanpa gambar sebuah website tentu tidak akan menarik. Ada beberapa alasan mengapa website perlu sebuah gambar. Contohnya kita perlu menampilkan logo perusahaan, ilustrasi...
Pendalaman - Mengenal Teks Terformat
Jika pada konten kita memiliki sebuah kutipan ataupun sebuah testimonial, kita dapat gunakan format long quotations dengan menggunakan tags <blockquote>. Konten di dalam elemen <blockquote> ini dapat berupa sebuah...
Pendalaman - Mengenal Anchor, Emphasized Text, Important Text, dan Short Quotation
Standarnya elemen HTML memiliki dua sifat yaitu block dan inline. Elemen yang memiliki sifat block selalu membuat garis baru ketika menampilkannya, contohnya seperti...
Pendalaman - Mengenal Citation, Defining Terms, Subscript, Superscript, Highlighted Text, dan Line Break
Selain sebuah atribut, <cite> juga merupakan sebuah elemen yang digunakan untuk sebuah rujukan pada sebuah dokumen, contohnya sebuah...
Pendalaman - Praktik Menerapkan Anchor pada Navigasi Halaman Profile
Pada praktik sebelumnya sudah ada sebuah list sebagai navigasi. Namun demikian, karena belum ada elemen anchor <a>, maka navigasi tersebut belum dapat...
Pendalaman - Mengorganisasikan Halaman Konten
Seperti yang sudah disebutkan pada materi sebelumnya, sebuah website memiliki tingkatan konten yang sama dengan seperti dokumen sehari-hari yang...
Pendalaman - Mengenal Header, Footer, Main dan Nav
Selain itu, elemen <header> dan <footer> dapat digunakan pada sebuah elemen <article> atau <section>. Header biasanya menampung judul...
Pendalaman - Mengenal Aticles, Aside, dan Section
Elemen <article> bertindak sebagai container untuk independen konten pada sebuah halaman, artinya konten utuh yang tidak terkait dengan...
Pendalaman - Generic Element
Setelah mengenal beberapa elemen yang ada, bagaimana jika tidak terdapat elemen sesuai yang mempu menggambarkan konten kita? Dalam dunia nyata, jenis...
Pendalaman - Mengorganisasikan konten pada Halaman Profil
Kita sudah mengenal beberapa elemen yang digunakan untuk mengorganisasikan halaman, seperti <header>,<footer>,<article>, dan yang lainnya. Dan...
Pendalaman - Menetapkan Elemen header, main dan footer
Mari kita buat konten yang berada pada body menjadi tiga bagian besar yaitu header, main, dan footer. Kelompokkan konten judul besar dan nevigasi menggunakan elemen...
Pendalaman - Menggunakan div, aside, article, dan section pada Konten
Kita sudah membagi konten pada elemen <body> secara besar menjadi tiga bagian. Tetapi belum sampai disitu ya, pada salah satu bagiannya yaitu pada elemen...
Pendalaman - Mengenal Table
Ada beberapa jenis informasi yang perlu ditampilkan dalam bentuk tabel, contohnya klasemen olahraga atau sebuah jadwal layaknya...
Pendalaman - Struktur Dasar Sebuah Tabel
Perlu kita ingat bahwa seluruh konten atau data dituliskan pada elemen <td> ataupun <th>. Kita bisa memberikan konten apa saja di dalamnya seperti...
Pendalaman - Mengenal Spanning Cell
Terkadang kita membutuhkan sebuah sel yang mencakup untuk dua kolom ataupun dua baris sekaligus. Dalam aplikasi seperti...
Pendalaman - Elemen dan Atribut pada Tabel
Sejauh ini, Anda sudah menegtahu penerapan dasar untuk sebuah tabel pada HTML. Sebenarnya masih terdapat beberapa anggota elemen dan atributnya yang dapat...
Pendalaman - Menerapkan Elemen Tabel pada Halaman Profil
Setelah kita mengetahui cara menerapkan tabel pada website, mari kita perkaya kembali konten pada halaman profil, khususnya konten pada elemen...
Pendalaman - Mengenal Special Character
Terdapat beberapa karakter special seperti copyright symbol © yang tidak termasuk ke dalam standar kelompok ASCII characters, di mana ASCII characters hanya...