Rangkuman Pengenalan HTML

 

Rangkuman Pengenalan HTML

Kita telah belajar banyak hal dalam modul Pengenalan HTML. Kami siapkan rangkuman materi terhadap hal yang telah Anda pelajari selama ini. Harapannya, Anda dapat mengingat kembali setiap materi yang disampaikan.


Video Pengenalan HTML

Untuk memperdalam dan mempermudah pemahaman pada materi ini, Anda dapat menyimak video pembahasan berikut.


URL Link Video


Pengantar HTML

dos:3083ee98c012e9b663e77357d5651e7220230621104419.png

Apakah Anda masih ingat HTML? Ia merupakan satu-satunya bahasa markup untuk membangun struktur halaman website. Sebagaimana yang telah dipelajari sebelumnya, HTML analogikan seperti kerangka hewan yang menentukan bentuk tubuhnya. Hal ini menjadikan setiap hewan memiliki bentuk yang bermacam-macam.


Anatomi Elemen HTML

Elemen HTML adalah salah satu bagian dari HTML dalam membangun halaman web. Elemen ini digunakan untuk mendefinisikan elemen-elemen yang ditampilkan dalam halaman web. Ada beberapa hal untuk membangun elemen HTML itu sendiri. Secara garis besar, berikut adalah bagan dari anatomi elemen HTML.

dos:9e25d269df3a01c7295ef7ff6b73d08520230623095734.png

Berikut adalah pembahasan dari masing-masing bagian dari bagan di atas.

ItemKeterangan

Tag pembuka

Berisi nama tag dari elemen yang akan dibuat dan dibungkus dengan angle bracket (<>). Contohnya adalah <p> untuk membuat elemen paragraf yang menggunakan p sebagai nama elemennya--singkatan dari dalam bahasa inggris (paragraph).

Konten

Konten dari elemen. Contohnya teks sebagai konten dari elemen paragraf.

Tag penutup

Masih sama seperti tag pembuka, kecuali terdapat garis miring sebelum nama elemennya. Ini menandakan akhir dari elemen HTML. Biasanya, kesalahan bagi web programmer pemula adalah melupakan tag ini sehingga menyebabkan elemen tidak valid.


Attribute di Elemen HTML

Dalam membuat elemen HTML, ada satu hal yang dapat dilakukan, yaitu memberi atribut. Atribut dapat memberi informasi-informasi tambahan untuk elemen HTML. Informasi ini tidak akan tampil dalam halaman web, tetapi ia dapat menentukan perilaku elemen biasanya. Berikut adalah anatomi dari atribut elemen untuk memperjelas pemahaman Anda.

dos:9da1d4c308191bbbff10a6435920afa220230623095750.png


Anatomi Dokumen HTML

Pada dasarnya, dokumen HTML memerlukan struktur dasar untuk menampilkan halaman web dengan baik. Halaman web seharusnya memiliki susunan elemen HTML yang tampak seperti berikut.

dos:97b9889c49bad9e09a265a3c9ea1d33120230621104355.jpeg

Dokumen di atas sebetulnya akan membentuk sebuah hierarki elemen atau yang biasa disebut dengan DOM Tree (pohon DOM). Ini dapat Anda analogikan seperti silsilah keluarga. Kurang lebih, berikut adalah DOM Tree yang terbentuk dari dokumen HTML di atas.

dos:0f3821d245d66fccb2a3e6e48c11095d20230623095802.png

Bersambung ke:

Pengantar Pendalaman HTML






Comments

Post a Comment

Popular posts from this blog

Belajar Dasar Pemrograman Web

Image
  Belajar Dasar Pemrograman Web Pengenalan Kelas URL Link Video Selamat datang di kelas Belajar Dasar Pemrograman Web! Kelas ini adalah tahap awal dalam jalur pembelajaran  Front End Web Developer  yang akan memandu Anda dalam memahami bagaimana aplikasi berbasis web dirancang dan dibangun melalui sebuah kode program. Peranan  website  di dunia ini sangat luas. Dimulai dari pertukaran informasi hingga aplikasi web yang dapat melakukan layaknya aplikasi desktop dan seluler, seperti edit foto dan video, alat komunikasi berupa video dan suara, dan sebagainya. Hal ini menjadi kebutuhan akan pembuatan website sangat luas dan tingginya permintaan industri akan talenta yang mampu mengembangkan website (web developer). Jika Anda ingin menjadi seorang web developer, kelas ini merupakan kelas yang cocok sebagai pijakan awal dalam meniti jalannya seorang pengembang web yang professional. Kami harap materi yang disampaikan di kelas ini dapat dipahami dengan baik dan mudah. ...
Read more

Loan Management 101 - Smart Borrowing

Image
  Loan Management 101 - Smart Borrowing Pada materi ketiga Financial Literacy ini, kita akan membahas sebuah konsep yang sering disalahpahami yaitu pinjaman.  Simaklah sebuah skenario berikut. Setelah lulus kuliah, Anda mendapatkan pekerjaan pertama di kota yang cukup jauh dari tempat tinggal .  Selama satu bulan pertama bekerja, Anda jatuh sakit karena kelelahan mengandalkan transportasi umum yang menghabiskan waktu dan tidak fleksibel .  Anda berpikir untuk membeli motor agar mobilitas lebih mudah dan efisien .  Tabungan Anda cukup untuk uang muka, tapi belum cukup untuk membayar motor secara penuh .  Dalam situasi seperti ini, pinjaman bisa menjadi solusi — sebuah alat yang membantu Anda memiliki kendaraan lebih cepat, sehingga Anda bisa fokus membangun karier tanpa terkendala jarak. Pada sesi ketiga bersama Bu Lannie Sjahrial, Vice President, Unsecured Loan Product PT .  Bank DBS Indonesia, Anda akan mendapatkan wawasan bagaimana memanfaatkan pinja...
Read more

Pengantar Web Programming

Image
Pengantar Web Programming Internet,  website , halaman web, dan  browser . Apakah Anda memahami keempat istilah tersebut? Bagi Anda yang sering berselancar di browser (peramban), tentu tidak asing lagi dengan keempat istilah tersebut. Dalam pekerjaan di bidang apa pun, termasuk pelajar, mencari informasi di internet (web) merupakan hal yang sangat mudah dan efektif. Bahkan, saat ini banyak website yang sangat membantu pekerjaan manusia agar semakin produktif. Contoh yang sangat dekat dengan kita adalah aplikasi penyusun jadwal acara dengan  Google Calendar . Sudahkah Anda mencobanya? Pernahkah Anda bertanya-tanya berapa jumlah angka pengguna internet di Indonesia? Berdasarkan laporan dari  Simon Kemp  di datareportal.com, angka yang menunjukkan jumlah pengguna internet di Indonesia mencapai 212,9 juta dari total populasi sebesar 276,4 juta di bulan Januari 2023. Ini merupakan angka yang sangat tinggi dan kebutuhan akan internet pun semakin meningkat dari waktu k...
Read more