#4 Basic Web | Web Programming Tutorial

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang Basic Web. mudah-mudahan kalian bisa dan mudah mengerti dengan penjelasan - penjelasan yang saya sampaikan. Saya akan menjelaskan sedikit tentang Tag - tag dasar pada pemrograman web (Seperti cara membuat list, membuat biodata dengan dan tanpa CSS)

Akan ada 4 sub bahasan kita kali ini, antara lain :

1. Membuat List
2. Biodata With CSS
3. Biodata Without CSS

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Membuat List
Tag - tag pada pembuatan list / daftar

Dalam pembuatan sebuah dokumen, list (daftar) merupakan sebuah hal yang tidak dapat dihindari. Daftar mengenai berbagai hal selalu dapat ditemukan dalam penulisan dokumen. Resep masakan memiliki daftar bahan yang diperlukan, serta langkah-langkah memasak yang harus diikuti. Penunjuk jalan memiliki daftar tempat yang dapat dituju, sesuai dengan arah yang akan diambil. Seorang mahasiswa yang ingin memilih mata kuliah akan dihadapkan dengan daftar mata kuliah. Banyaknya kegunaan daftar ini menjadikan HTML memberikan sekumpulan elemen khusus untuk membuat daftar.

Ringkasan Tag - tag yang ada pada pembuatan daftar

No	Nama Tag	Fungsi
1.	Ordered List <ol>	Membuat sebuah daftar yang tersusun baik dengan angka / huruf
2.	Unordered List <ul>	Membuat sebuah daftar yang tidak tersusun dengan bentuk
3.	List <li>	Adalah tag yang digunakan untuk mengisi tag ol dan ul
4.	Definition List <dl>	Singkatnya, tag ini mampu menampung daftar pengertian.
5.	<dt>	Tag untuk mengisi tag dl
6.	<dd>	tag untuk menjorokkan paragraf

---

Membuat List
Atribut - atribut dalam pembuatan daftar

Ringkasan Atribut - atribut yang digunakan dalam pembuatan daftar

No	Nama Atribut	Fungsi
1.	Type	Atribut untuk menentukan bentuk list yang diinginkan
2.	Size	Atribut untuk menentukan ukuran.
3.	Width	Atribut untuk menentukan lebar.
4.	height	Atribut untuk menentukan tinggi.
5.	Face	Atribut untuk font, menentukan jenis font mirip seperti font-family.
6.	Align	Atribut untuk mengatur pragraf (center, left, right, justify)
7.	BG Color	Atribut untuk menentukan warna background

---

Membuat List
Pengcodingan

1. Pembuatan List dengan sederhana

Contoh Penggunaan Tag List secara sederhana

Berikut merupakan mata pelajaran yang saya pelajari :

1. Matematika
2. B.Indonesia
3. Basa Sunda

• PPL
• BDAT
• PPWPB

1. Agama
2. bahasa Inggris
3. Olahraga

• PKK
• PBO
• PBO

---

2. Pembuatan List dengan kombinasi <ol> dan <ul>

Contoh Penggunaan Tag List secara sederhana

1. Daftar Seragam Sekolah
• Baju Putih Abu
• Baju Praktek
• Baju Batik
• Baju muslim
2. Daftar Game Terfavorit
• PUBG
• Fortnite
• CS : GO
3. Daftar Weekend
1. Sabtu
2. Minggu

---

3. Definition List

Selain daftar terurut dan tidak terurut, kita juga seringkali menjumpai daftar definisi, yang memberikan kita penjelasan singkat terhadap sebuah kata atau istilah yang mungkin tidak kita ketahui. Dalam dunia menulis, daftar ini dikenal dengan nama glosarium.

Membuat glosarium dalam HTML dilakukan dengan menggunakan elemen dl (definition list), dan kemudian alih-alih menggunakan li untuk mengisikan daftar, kita menggunakan dua elemen lain, yaitu dt (definition term - istilah yang akan didefinisikan) dan dd (definition description - penjelasan dari istilah).

Contoh Penggunaan Tag Definition List

lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna al

Lorem Ipsum

um dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna al

Lorem Ipsum

Lorem Ipsum

um dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt

---

Bab 2
Biodata With CSS

Berikut biodata saya yang dibuat menggunakan html dan css sebagai penghiasnya...

Hasil dari Pengerjaan Biodata With CSS

Biodata With CSS

---

Bab 2
Biodata Without CSS

Berikut biodata saya yang dibuat menggunakan html dan css sebagai penghiasnya...

Hasil dari Pengerjaan Biodata Without CSS

Biodata Without CSS

---

NOTICE!!!

Mohon Maaf Karena tidak semua dari Source mengandung nama saya, karena ketidakingatan, alias Kelupaann

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #3 Basic Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb