Konsep asas dan contoh penggunaan elemen sebaris html dan elemen peringkat blok_HTML/Xhtml_Pengeluaran halaman web

Teg HTML terbahagi kepada dua jenis, elemen sebaris dan elemen peringkat blok Pertama, mari kita fahami konsep elemen sebaris dan elemen peringkat blok:

Elemen peringkat blok: biasanya merupakan bekas untuk elemen lain, yang boleh memuatkan elemen sebaris dan elemen tahap blok lain tidak termasuk elemen lain yang berada pada baris yang sama. Atribut lebar dan tinggi boleh ditetapkan ( ketinggian), elemen tahap blok dalam aliran biasa akan diletakkan secara menegak. Elemen blok biasa ialah "div"

Elemen sebaris (elemen sebaris): Elemen sebaris hanya boleh memuatkan teks atau elemen sebaris yang lain Ia adalah turunan unsur sebaris yang lain dan tidak boleh ditetapkan Tinggi dan lebar. Elemen sebaris biasa ialah "a".

Mengikut konsep elemen peringkat blok, kita boleh memahami bahawa elemen peringkat blok mempunyai pemisah baris sebelum dan selepasnya, yang bersamaan dengan menambah teg
Kita boleh menganggap elemen peringkat blok sebagai blok atau segi empat tepat, jadi elemen peringkat blok boleh menetapkan atribut ketinggian dan lebar

Contoh:
fail css:

Salin kod

Kod adalah seperti berikut:

#div1{
lebar:200px;
tinggi: 200px; 200px;
latar belakang:#F00
}


fail html:

Salin kod

Kod adalah seperti berikut:

div1

Elemen peringkat blok mengecualikan elemen lain pada baris yang sama dengannya

div2
Elemen peringkat blok tidak termasuk elemen lain yang terletak pada baris yang sama dengannya

Kesan paparan:


Dua elemen div tidak berada pada baris yang sama

Mengikut konsep elemen sebaris, kita boleh faham bahawa tiada pemisah baris sebelum dan selepas elemen sebaris. Kita boleh memikirkan elemen sebaris sebagai garis, jadi ia tidak boleh menetapkan atribut ketinggian dan lebar.

Teg elemen sekat

alamat - alamat

petikan blok - petikan blok pusat - penjajaran tengah dir - senarai direktori

div - peringkat blok yang biasa digunakan juga merupakan teg utama reka letak CSS

dl - definisi senarai
set medan - kumpulan kawalan borang
borang - borang interaktif
h1 - tajuk
h2 - sari kata
h3 - tajuk tahap 3
h4 - tajuk tahap 4
h5 - 5 Tajuk tahap
h6 - Tajuk Tahap 6
jam - Garisan pemisah mendatar
isindex - gesaan input
menu - Senarai menu
noframes - bingkai kandungan pilihan, (untuk penyemak imbas yang tidak menyokong bingkai Tunjukkan kandungan blok ini
noskrip - kandungan skrip pilihan (tunjukkan kandungan ini untuk penyemak imbas yang tidak menyokong skrip)
ol - bentuk isihan
p - perenggan
teks pra-format
jadual - jadual
ul - senarai tidak diisih


elemen sebaris

a - sauh

abbr - singkatanakronim - perkataan pertamab - tebal (tidak disyorkan)

bdo - bidi override

besar - font besar
br - Line break
petik - petikan
kod - kod komputer (diperlukan apabila memetik kod sumber)
dfn - tentukan medan
em - penekanan
fon - tetapan fon (tidak disyorkan)
i - condong
img - imej
input - kotak input
kbd - tentukan teks papan kekunci
label - label jadual
q - petikan pendek
s - garis bawah
samp - Tentukan contoh kod komputer
pilih - Pemilihan item
kecil - Teks fon kecil
span - Bekas sebaris yang biasa digunakan, tentukan blok dalam teks
strike - Garis bawah
kuat - Penekanan Tebal
subskrip
sup - superskrip
textarea - kotak input teks berbilang baris
tt - tentukan teks mesin taip
var - tentukan pembolehubah