Hypertext Markup Language juga dikenali sebagai HTML, digunakan untuk membina aplikasi web. Tag HTML, biasanya dikenali sebagai elemen, adalah aspek terpenting dalam bahasa HTML. Teg HTML membenamkan dan memaparkan kandungan atau maklumat pada halaman web. Terdapat dua jenis tag HTML: Tag Kosong dan Container.
Blog ini akan membimbing cara bekerja dengan tag kosong dan bekas dalam HTML.
Tag Kosong
Tag kosong juga dikenali sebagai “ bujang ” atau “ batal ” tag. Tag void tidak pernah mengandungi sebarang kandungan, tetapi atribut boleh ditentukan. Teg ini tidak mempunyai teg penamat dan mungkin mengandungi garis serong ke belakang dalam teg. Contoh teg kosong ialah “
”, “”, “”, “
Sintaks
Sintaks untuk menyebut elemen kosong dalam HTML adalah seperti berikut:
< tag kosong />
Untuk melihat cara bekerja dengan teg kosong, lihat contoh di bawah. '
teg ” dikenali sebagai teg pemisah baris dan digunakan untuk memecahkan baris:
< hlm > Tag Kosong HTML < br > Garisan itu rehat Tag hlm >
Output menunjukkan bahawa '
Teg ” telah memecahkan barisan:
Kami boleh menambah sifat penggayaan CSS pada teg HTML. '
teg ” ialah satu lagi elemen kosong yang menambah garis mendatar pada halaman:
< jam gaya = 'bahagian atas sempadan: 3px merah putus-putus;' > Garisan itu rehat Tag
hlm >
' atas sempadan ” Sifat CSS digunakan pada “
” dengan tiga nilai, satu ialah lebar sempadan yang sama dengan “ 3px ”, gaya sempadan ditetapkan sebagai “ putus-putus ” dan warna sempadan.
Pengeluaran
Setakat ini, kami telah membincangkan teg kosong HTML. Sekarang, kita akan melalui tag kontena HTML di bahagian seterusnya.
Tag Bekas
Teg bekas HTML terdiri daripada tiga bahagian: teg permulaan, kandungan dan teg penamat. Sintaks teg bekas HTML diberikan seperti berikut:
< hari_mula > Kandungan tag akhir >Lihat contoh di bawah untuk mengetahui cara teg bekas berfungsi dalam HTML.
Contoh 1: Bagaimana untuk Menambah Perenggan dalam HTML?
' tag ” digunakan untuk membenamkan perenggan dalam dokumen HTML:
< hlm > Ini adalah teg perenggan hlm >Pengeluaran
Contoh 2: Bagaimana untuk Menambah Tajuk dalam HTML?
Terdapat enam peringkat teg bekas tajuk yang boleh digunakan untuk menambah tajuk pada halaman web. Mari letakkannya dalam dokumen HTML untuk melihat cara ia berfungsi dan melihat pada halaman web:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Pengeluaran
Kami boleh menyediakan penggayaan sebaris kepada teg ini. Pertimbangkan contoh di bawah, yang menunjukkan cara menggunakan pelbagai sifat penggayaan CSS pada teg ini:
< h1 gaya = 'warna latar belakang: thistle; font-family: kursif;' > Linux h1 >< h2 gaya = 'warna latar belakang: gandum; penjajaran teks: tengah;' > Linux h2 >
< h3 gaya = 'warna latar belakang: tomato; warna: putih;' > Linux h3 >
< h4 gaya = 'font-family: 'Trebuchet MS'; warna latar belakang: yellowgreen;' > Linux h4 >
< h5 gaya = 'warna latar belakang: ungu;' > Linux h5 >
< h6 gaya = 'warna latar belakang: whitesmoke;' > Linux h6 & gt
Berikut adalah penjelasan sifat-sifat yang dinyatakan di atas:
- ' warna latar belakang sifat ” menambah warna pada latar belakang elemen.
- “ font-family ” sifat melaraskan gaya fon elemen.
- “ penjajaran teks sifat ” melaraskan peletakan atau penjajaran teks.
Pengeluaran
Kami telah menunjukkan kepada anda cara menggunakan teg kosong dan bekas HTML.
Kesimpulan
Teg kosong dan teg bekas adalah komponen utama dokumen HTML yang membenamkan kandungan dan maklumat pada halaman web. Teg kosong tidak mengandungi sebarang kandungan dan hanya terdiri daripada teg permulaan dengan garis miring ke belakang pada penghujungnya, seperti
. Walau bagaimanapun, teg bekas mengandungi teg permulaan dan penamat bersama kandungan. Blog ini telah menghuraikan cara kerja elemen kosong dan kontena dalam HTML.