Tag artikel HTML

Tag Artikel Html



HTML5 memperkenalkan “ ” yang dapat digunakan untuk mewakili komponen mandiri tertentu dalam dokumen, aplikasi, atau situs apa pun. Komponen HTML ini dapat digunakan kembali dan distributif, seperti di postingan forum, majalah, postingan blog, dan lainnya.

Studi ini akan mengajarkan Anda tentang tag

HTML. Jadi ayo pergi!





Apa itu Tag HTML ?

Elemen

dan elemen
bekerja sama dalam hal fungsionalitas, gaya, dan tampilan. Namun, tag
dalam dokumen memberikan lebih banyak informasi semantik ke mesin telusur dan pembaca layar. Selain itu, file HTML berisi beberapa tag
yang dapat disarangkan.



Bagaimana Cara Menggunakan Tag HTML?

Untuk menggunakan tag

HTML, ikuti sintaks yang diberikan di bawah ini:



< artikel > artikel >


Di Sini, ' ” adalah tag awal, dan “ ” adalah tag penutup.



Mari kita lihat contoh untuk mendemonstrasikan penggunaan tag

.

Contoh: Menggunakan Tag

di HTML



Pada HTML, pertama tambahkan tag

dengan class bernama “ semua-OS ” dan

untuk heading. Kemudian, tambahkan tag
lainnya dengan class bernama “ Anda ”. Di dalam tag
ini, tentukan

untuk heading dan

untuk paragraf. Setelah itu, sertakan kedua tag

yang bersarang dengan tag

dan

sebagai berikut:

< artikel kelas = 'semua-OS' >
< h1 > Sistem Operasi Paling Populer h1 >
< artikel kelas = 'Anda' >
< h2 > Windows h2 >
< p > Windows adalah grup dari beberapa sistem operasi grafis berpemilik. Ini dikembangkan dan dipasarkan oleh Microsoft. p >
artikel >
< artikel kelas = 'Anda' >
< h2 > Linux h2 >
< p > Linux adalah sistem operasi sumber terbuka berdasarkan kernel Linux. Ini  biasanya dikemas sebagai distribusi Linux. p >
artikel >
< artikel kelas = 'Anda' >
< h2 > macOS h2 >
< p > macOS adalah sistem operasi Unix yang dikembangkan dan dipasarkan oleh Apple Inc. Diketahui sebagai sistem operasi utama untuk apel komputer Mac.


Bagian selanjutnya akan menjelaskan gaya CSS yang diterapkan pada elemen HTML yang disebutkan di atas.



Gaya div semua-OS

.all-OS {
batas: 0 ;
padding: 5px;
warna latar belakang: rgb ( 155 , 155 , 155 ) ;
}


Div dengan nama kelas “ semua-OS ” ditata seperti ini:

    • “ .all_OS ” digunakan untuk mengakses
      terkait.
    • “ batas ” properti digunakan untuk menambah ruang di sekitar elemen div.
    • “ lapisan ” properti menambahkan ruang di sekitar konten elemen div.
    • “ warna latar belakang ” diatur untuk menerapkan warna latar belakang elemen div.

Style os div

.Anda {
margin: 10px;
padding: 5px;
latar belakang: putih;
}


Terapkan gaya ke

selanjutnya bernama “ Anda ”. Deskripsi properti diberikan di bawah ini:

    • “ .Anda ” akses
      dengan nama os.
    • “ batas ” menambahkan spasi 10px di sekitar div.
    • “ lapisan ” menambahkan spasi 5px di sekitar konten elemen div.
    • “ warna latar belakang ” mengatur warna latar belakang elemen div.

Setelah menyediakan properti penataan CSS ke tag

di atas, paragraf ditata dengan menyetel properti seperti yang disebutkan di bawah.

Gaya p Elemen

p {
margin: 3px;
ukuran font: 15px;
}


Properti berikut diterapkan ke elemen

:

    • “ batas ” menambahkan ruang 3px di sekitar konten elemen.
    • “ ukuran huruf ” mengatur ukuran font teks sebagai 15px.

Simpan kode yang ditambahkan dan buka file di browser Anda. Hasilnya akan ditampilkan seperti gambar di bawah ini:


Dokumen yang diberikan di atas dapat memiliki banyak artikel, dan penjelasan terkait masing-masing sistem operasi dimuat dalam tag

. Selain itu, satu artikel ditampilkan satu per satu saat layar bergulir.

Begitulah cara kita membuat posting blog, posting forum, dan dokumen seperti majalah menggunakan tag

HTML.

Kesimpulan

Seperti yang kita ketahui, penulis artikel atau blogger menulis dokumen dengan tetap memperhatikan konsep inti topik. Demikian pula dalam HTML, tag

digunakan untuk menyebutkan konten yang berisi secara lengkap dan independen. Selain itu, mungkin ada satu atau lebih tag
dalam file HTML, yang dapat disarangkan. Penelitian ini telah menjelaskan penggunaan tag
dengan sebuah contoh.

Lainnya

Kategori

Pesan Populer

Penulisan Docker Grafana

Menambahkan Legenda ke Sumbu di MATLAB

Cara Menjalankan, Menggunakan, dan Mereset WordPad di Windows 10

Cara Menggunakan Operator Modulo di PHP

Apa Metode getOrDefault di Java HashMa

Lanjutkan di C++

Cara Menambahkan Bot Giveaway di Discord

Cara Memasang Mousepad di Raspberry Pi

Apa itu Ekspresi Lambda dan Fungsi Anonim di C#

Bagaimana Cara Memperbaiki 'Docker tidak dapat terhubung ke daemon buruh pelabuhan'? Kesalahan

Apa itu Perintah Tidak Ditemukan di Zshrc?

Cara Menggunakan Regex Whitespace di Java

Bagaimana Cara Kerja “createInterface()” di Node.js?

Bagaimana Cara Menginstal dan Mengonfigurasi Astro.js di Windows?

Elasticsearch Dapatkan Peran

Apa Tujuan File docker-compose.yml di Docker?

Bagaimana Cara Memeriksa dan Mengurangi Penggunaan Memori Tinggi di Windows 11?

Apa Artinya [Objek objek] dalam JavaScript

Cara Mengakses Elemen Induk Menggunakan Properti HTML DOM parentElement

Cara Mengonversi Tanggal ke UTC dalam JavaScript