Inline Formatting Text
Kita sudah belajar mengidentifikasi penggunaan elemen pada konten yang major (besar) dengan menerapkan semantic meaning untuk mengorganisasikan kontennya. Sekarang kita akan mengenal beberapa formatting text yang digunakan dalam sebuah baris teks (inline text). Sebelum menjelaskan elemen inline untuk formatting text yang dapat digunakan, sepertinya kita perlu…
Apa itu Teks Terformat pada HTML?
kita sudah mengenal paragraf, heading dan juga list pada HTML. Tapi masih ada beberapa lagi yang merupakan spesial teks format yang dapat kita gunakan yaitu <blockqoute>, <pre> dan <figure>. Long quotations Jika pada konten kita memiliki sebuah kutipan ataupun sebuah testimonial, kita dapat gunakan…
Praktek HTML : Menambahkan Gambar pada Halaman Profil
Setelah mempelajari penerapan list pada HTML, sekarang kita coba terapkan elemen gambar konten yang terdapat di halaman profil yang sebelumnya sudah kita buat. Sebelum menerapkannya, silakan unduh resource gambar yang digunakan pada latihan melalui tautan berikut: assets.zip Pindahkan berkas yang sudah diunduh pada…
Gambar pada HTML
Tanpa gambar, sebuah website tentu tidak akan menarik bukan? Ada beberapa alasan mengapa website perlu gambar. Contohnya kita perlu menampilkan logo perusahaan, ilustrasi, diagram dan sebagainya. Pada HTML untuk menampilkan sebuah gambar kita bisa menggunakan tag <img>. Berbeda dengan elemen lain,…
Cara Menambahkan List pada Halaman Profil
Setelah mempelajari penerapan list pada HTML, sekarang kita coba terapkan elemen list yang berperan sebagai navigasi pada halaman profil yang sebelumnya sudah kita buat. “Pada langkah ini dan selanjutnya, Sebaiknya gunakanlah teks editor yang disarankan pada modul text editor agar proses penulisan…
Apa itu List Pada HTML
Seperti yang sudah disebutkan pada pembahasan paragraf, tidak semua teks dibungkus oleh paragraf, salah satunya list. Kita pun terbiasa membuat list dalam kehidupan sehari-hari, baik membuat to-do list atau daftar yang struktur sekalipun. Pada HTML terdapat tiga tipe list: Unordered lists : daftar yang ditampilkan tidak…
Heading pada HTML
Pada modul sebelumnya, kita sudah melihat contoh penggunaan header yang diterapkan pada konten yang kita siapkan. Kita menggunakan <h1> dan <h2> dalam mengindikasi judul dan sub judul pada kontennya. Pada HTML, terdapat <h1> hingga <h6> elemen heading yang dapat kita…
Paragraf pada HTML
Paragraf adalah elemen paling mendasar dari sebuah dokumen teks. Pada HTML, kita bisa menunjukkan sebuah paragraf dengan menggunakan elemen <p>. Contohnya seperti ini: <p>Kata Bandung berasal dari kata bendung atau bendungan karena terbendungnya sungai Citarum oleh lava Gunung Tangkuban Parahu yang lalu…
Atribut HTML
Pada modul sebelumnya kita sudah mengenal berbagai macam elemen. Elemen dituliskan dengan awalan tag pembuka <> dan diakhiri dengan tag penutup </>. Ada satu hal lagi yang bisa kita tuliskan pada sebuah elemen, lebih tepatnya pada sebuah tag pembuka, yaitu Attribute….
Identifikasi Elemen pada Halaman Website
Setelah mengetahui struktur dasar HTML, mari kita coba terapkan pada berkas HTML yang sudah kita buat pada langkah awal. Kita buka kembali berkas HTML tersebut dan berikan elemen dasar pada sebuah berkas HTML. <!DOCTYPE html><html><head></head><body> </body></html>BandungKota metropolitan terbesar di Provinsi Jawa…