Tag artikel HTML

Tag Artikel Html



HTML5 memperkenalkan “ teg ” yang boleh digunakan untuk mewakili komponen serba lengkap khusus dalam mana-mana dokumen, aplikasi atau tapak. Komponen HTML ini boleh digunakan semula dan pengedaran, seperti dalam catatan forum, majalah, catatan blog dan banyak lagi.

Kajian ini akan mengajar anda tentang tag

HTML. Jadi, mari pergi!





Apakah HTML
Tag?

Elemen

dan elemen
berfungsi sama dari segi kefungsian, penggayaan dan paparan. Walau bagaimanapun, teg
dalam dokumen memberikan lebih banyak maklumat semantik kepada enjin carian dan pembaca skrin. Selain itu, fail HTML mengandungi berbilang teg
yang boleh bersarang.



Bagaimana untuk Menggunakan Tag HTML?

Untuk menggunakan teg HTML

, ikut sintaks yang diberikan di bawah:



< artikel > artikel >


Di sini, ' ” ialah teg permulaan dan “ ” ialah tag penamat.



Mari kita lihat contoh untuk menunjukkan penggunaan teg

.

Contoh: Menggunakan

Tag dalam HTML



Dalam HTML, pertama, tambahkan teg

dengan kelas bernama “ semua-OS ” dan

untuk tajuk. Kemudian, tambahkan tag
lain dengan kelas bernama “ awak ”. Di dalam teg
ini, tentukan

untuk tajuk dan

untuk perenggan. Selepas itu, masukkan dua teg

bersarang dengan teg

dan

seperti berikut:

< artikel kelas = 'semua-OS' >
< h1 > Sistem Operasi Paling Popular h1 >
< artikel kelas = 'awak' >
< h2 > Windows h2 >
< hlm > Windows ialah sekumpulan berbilang sistem pengendalian grafik proprietari. Ia dibangunkan dan dipasarkan oleh Microsoft. hlm >
artikel >
< artikel kelas = 'awak' >
< h2 > Linux h2 >
< hlm > Linux ialah sistem pengendalian sumber terbuka berdasarkan kernel Linux. Ia biasanya dibungkus sebagai pengedaran Linux. hlm >
artikel >
< artikel kelas = 'awak' >
< h2 > macOS h2 >
< hlm > macOS ialah sistem pengendalian Unix yang dibangunkan dan dipasarkan oleh Apple Inc. Ia diketahui sebagai sistem pengendalian utama untuk epal komputer Mac.


Bahagian seterusnya akan menerangkan gaya CSS yang digunakan pada elemen HTML yang disebutkan di atas.



Gaya semua-OS div

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


Div dengan nama kelas ' semua-OS ” digayakan seperti ini:

    • “ .all_OS ” digunakan untuk mengakses
      yang berkaitan.
    • “ margin ” hartanah digunakan untuk menambah ruang di sekeliling elemen div.
    • “ padding sifat ” menambah ruang di sekeliling kandungan elemen div.
    • “ warna latar belakang ” ditetapkan untuk menggunakan warna latar belakang elemen div.

Gaya os div

.awak {
jidar: 10px;
padding: 5px;
latar belakang: putih;
}


Gunakan gaya pada

seterusnya bernama “ awak ”. Penerangan mengenai sifat-sifat tersebut diberikan di bawah:

    • “ .awak ” akses
      dengan nama os.
    • “ margin sifat ” menambah ruang 10px di sekeliling div.
    • “ padding sifat ” menambah ruang 5px di sekeliling kandungan elemen div.
    • “ warna latar belakang sifat ” menetapkan warna latar belakang elemen div.

Selepas menyediakan sifat penggayaan CSS kepada teg

di atas, perenggan digayakan dengan menetapkan sifat seperti yang dinyatakan di bawah.

Gaya p Elemen

hlm {
jidar: 3px;
saiz fon: 15px;
}


Sifat berikut digunakan pada elemen

:

    • “ margin sifat ” menambah ruang 3px di sekeliling kandungan elemen.
    • “ Saiz huruf sifat ” menetapkan saiz fon teks sebagai 15px.

Simpan kod yang ditambah dan buka fail dalam penyemak imbas anda. Hasilnya akan dipaparkan seperti di bawah:


Dokumen yang disediakan di atas boleh mempunyai berbilang artikel dan penjelasan yang berkaitan dengan setiap sistem pengendalian terkandung dalam teg

. Lebih-lebih lagi, satu artikel dipaparkan satu demi satu semasa skrin menatal.

Begitulah cara kami boleh membuat catatan blog, catatan forum dan dokumen seperti majalah menggunakan teg

HTML.

Kesimpulan

Seperti yang kita tahu, penulis artikel atau blogger menulis dokumen dengan mengingati konsep teras topik. Begitu juga, dalam HTML, tag

digunakan untuk menyebut kandungan yang terkandung sepenuhnya dan bebas. Selain itu, boleh terdapat satu atau lebih teg
dalam fail HTML, yang boleh disarangkan. Kajian ini telah menerangkan penggunaan tag
dengan contoh.

Lain-lain

Kategori

Jawatan Popular

Cara Mengunci Saluran Discord

Pasang Enjin Docker pada Debian

Cara Muat Turun Imej ISO Windows 10/11 Rasmi tanpa Sebarang Alat Tambahan – Cara Mudah

Crunch untuk Linux

Cara Membetulkan Ralat 'Tidak disambungkan - Tiada sambungan tersedia' dalam Windows

Cara Menambah Laluan Baharu pada Jadual Penghalaan Windows

Cara Membuat Fail dengan Teks di Linux

Apakah Tujuan Simbol ‘@’ dalam CSS

Apakah AWS Global Accelerator & Bagaimana Ia Berfungsi?

Cara Menggunakan Fungsi Perpustakaan C String.h

Bagaimana untuk Membetulkan - arahan zsh tidak ditemui Ralat mysql pada Mac

15 Contoh Perintah APT di Linux

Bagaimana untuk Menunjukkan Kekangan Jadual dalam MySQL?

Betulkan arahan pip tidak ditemui

Cara Pasang dan Konfigurasikan GUI Haguichi untuk Rangkaian Hamachi di Linux

Cara Memasang Roblox pada Linux Mint 21

Apakah array.pop() dalam JavaScript?

Bagaimana untuk Melumpuhkan Firewall pada Fedora Linux

Bagaimana untuk Meningkatkan Akses Data Dengan Indeks Sekunder?

Cara Menyediakan Linux Dash pada Raspberry Pi untuk Pemantauan Pelayan