Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Pembagian Paragraf HTML Menggunakan Tag Section

Dipublikasikan Oleh: elfanmauludi 5 komentar
Tag section mendefinisikan pembagian dokumen seperti chapter, header, footer dan section-section lainnya. Tag section membagi konten menjadi section dan subsection. Tag section digunakan ketika dibutuhkan dua buah header atau footer atau apapun pada dokumen yang dibutuhkan. 


Sebelum memahami lebih dalam materi tentang Pembagian Paragraf HTML Menggunakan Tag Section, terlebih dahulu pelajari materi tentang: Mengaktifkan Kode Javascript HTML Menggunakan Tag Script, Membuat Teks Bergaya Kode Komputer HTML Tag Samp, dan Membuat Teks Coret HTML Menggunakan Tag S.

Tag section mengelompokkan blok umum dari konten yang saling berkaitan antara satu dengan konten lainnya. Keuntungan utama dari tag section adalah tag tersebut merupakan tag semantik, yang mendeskripsikan penggunaannya terhadap browser dan pengembang.

Sintak: <section> Konten Section... </section>

Tag section digunakan untuk mendistribusikan konten baik terhadap section ataupun subsection.

Baca Juga: 

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Section

</title>

</head>

 

<body>

 

<section>

<h1>Section 1</h1>

<p>Konten Section 1</p>

</section>

 

<section>

<h1>Section 2</h1>

<p>Konten Section 2</p>

</section>

 

<section>

<h1>Section 3</h1>

<p>Konten Section 3</p>

</section>

 

</body>

 

</html>

Output:

Section 1

Konten Section 1

Section 2

Konten Section 2

Section 3

Konten Section 3


Tag section bersarang: Ukuran huruf dari subsection adalah lebih kecil dari section-nya jika mengandung properti font yang sama. Tag subsection digunakan untuk mengatur dokumen yang lebih komplek pada html.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Section

</title>

</head>

 

<body>

 

<section>

<h1>Section 1</h1>

<p>Konten Section 1</p>

 

<section>

<h1>Subsection</h1>

<h1>Subsection</h1>

</section>

 

</section>

 

<section>

<h1>Section 2</h1>

<p>Konten Section 2</p>

 

<section>

<h1>Subsection</h1>

<h1>Subsection</h1>

</section>

 

</section>

 

</body>

 

</html>

Output:

Section 1

Konten Section 1

Subsection

Subsection

Section 2

Konten Section 2

Subsection

Subsection


Artikel ini didedikasikan kepada: Oktarina Tri Mumpuni, Puji Astuti, Rafli Akbar Nugraha, Ratih Nuraisyiah, dan Selli Shofia Rini.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Pembagian Paragraf HTML Menggunakan Tag Section"

  1. AnonimMinggu, 04 Juli 2021 pukul 12.08.00 WIB

    Apa yang dimaksud dengan tag section pada dokumen HTML?

    BalasHapus
    Balasan
    1. AnonimMinggu, 04 Juli 2021 pukul 12.08.00 WIB

      Tag section pada HTML digunakan untuk mendefinisikan bagian dalam dokumen atau konten. Ketika user meletakkan konten pada halaman website, biasanya terdiri dari beberapa bagian seperti bab, header, footer, ataupun bagian lain pada halaman website tersebut. Untuk dapat membedakan bagian-bagian tersebut maka digunakan tag section. Tag section merupakan elemen yang baru dimasukkan ke dalam HTML5.

      Hapus
  2. AnonimMinggu, 04 Juli 2021 pukul 12.11.00 WIB

    Bagaimana cara kerja tag section pada dokumen HTML?

    BalasHapus
    Balasan
    1. AnonimMinggu, 04 Juli 2021 pukul 12.11.00 WIB

      Tag Section HTML mengelilingi bagian umum konten pada halaman website atau aplikasi. Tag tersebut diperkenalkan dalam HTML5 dan mendukung penggunaan atribut secara global.

      Hapus
    2. AnonimMinggu, 04 Juli 2021 pukul 12.12.00 WIB

      Tag section pada HTML mendefinisikan bagian dokumen untuk menunjukkan pengelompokkan makna semantik yang saling berkaitan.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -