Qhov txawv ntawm Thaiv thiab Inline Elements

2024 Tus sau: Alex Aldridge | [email protected]. Kawg hloov kho: 2023-12-17 13:40

Qhov Tseem Ceeb Qhov txawv - Block vs Inline Elements

HTML stands rau Hyper Text Markup Language. Nws yog siv los tsim cov nplooj ntawv web. Txhua nplooj ntawv web txuas nrog rau lwm nplooj ntawv web uas siv hyperlinks. Cov lus no muaj cov cim npe. Ib daim ntawv yog nyob rau hauv lub kaum sab xis braces. Lub syntax zoo ib yam li. Feem ntau cov ntawv tseem muaj lub cim kaw. Thaum twg yog tag, kaw tag yog. Qee lub cim tsis muaj lub cim kaw. Piv txwv ntawm cov ntawv no yog

thiab

Lawv hu ua void tags. Ib lub ntsiab lus HTML yog ib feem ntawm cov ntaub ntawv HTML lossis nplooj ntawv web tom qab nws tau txheeb xyuas rau hauv Document Object Model (DOM). DOM yog tus sawv cev sab hauv hauv lub web browser. Nws sawv cev rau txhua daim ntawv hauv ib tsob ntoo. Hauv qhov browser, cov ntsiab lus tuaj yeem ua tau yog ib qho thaiv lossis ib qho hauv kab. Thaiv cov ntsiab lus muaj cov qauv duab plaub. Cov ntsiab lus inline tuaj yeem muab tso rau hauv cov khoom thaiv. Qhov sib txawv tseem ceeb ntawm kev thaiv thiab lub hauv paus ntsiab lus yog qhov thaiv cov ntsiab lus siv qhov dav dav muaj thaum cov ntsiab lus inline siv qhov dav xav tau los tso saib cov ntsiab lus ntawm cov khoom.

Dab tsi yog Block Elements?

Block ntsiab coj qhov dav dav. Cov ntsiab lus ib txwm pib nrog ib kab tshiab. Qee qhov piv txwv ntawm cov ntsiab lus thaiv muaj raws li hauv qab no.

yog siv los txhais ib nqe lus. e.g.

No yog kab lus

. Muaj rau lub cim los txhais cov headers. Lawv yog

,

,

…

. Tus programmer siv tau lub header raws li.

Daim ntawv xaj yog txhais los ntawm

thaum daim ntawv teev npe tsis raug txiav txim los ntawm

. Qhov no yog siv los tso saib kab kab rov tav hla lub vev xaib. Lub

yog siv los npaj cov ntaub ntawv hauv lub rooj hom ntawv. Rau txhua lub vev xaib, nws yuav tsum tau sau cov ntaub ntawv los ntawm cov neeg tuaj xyuas lub xaib. Cov ntawv HTML yog siv los txais cov ntaub ntawv los ntawm tus neeg siv. Nws kuj yog ib qho kev thaiv theem. Nov yog qee qhov piv txwv ntawm cov ntsiab lus thaiv hauv HTML.

Dab tsi yog Inline Elements?

Cov ntsiab lus hauv kab tsuas yog siv qhov dav xwb. Cov ntsiab lus no tsis pib nrog kab tshiab. Qee qhov piv txwv ntawm cov ntsiab lus inline yog raws li hauv qab no. yog siv los tsim kev sib txuas ntawm ib nplooj ntawv mus rau lwm qhov. Hyperlinks yog ib qho tseem ceeb hauv HTML. Nws tuaj yeem muaj tus cwj pwm href los tsim qhov txuas mus rau qhov chaw. e.g. Mus saib Google. Lub hom phiaj tus cwj pwm yog qhov khoob. Yog li ntawd, cov ntaub ntawv tshiab yuav qhib rau lub qhov rais tshiab. Yog tias lub hom phiaj tus cwj pwm yog "_self", ces cov ntaub ntawv txuas yuav qhib rau tib lub qhov rais.

Daim duab 01: Piv txwv ntawm Thaiv thiab Inline Elements

Tusyog siv los ua ib ntu ntawm cov ntawv nyeem. Lub cim yog los ua cov ntawv italic. Ib nplooj ntawv web yuav tsum nthuav tawm. Yog li ntawd, txhua nplooj ntawv web muaj ntau cov duab. Lub

yog siv los tso duab rau ntawm nplooj ntawv. Daim ntawv no yuav tsum muaj ob tus cwj pwm. Lawv yog src thiab alt. Lub 'src' piav qhia qhov chaw ntawm daim duab thiab qhov ' alt' piav qhia txog cov duab dab tsi. e.g.. Nov yog qee qhov piv txwv ntawm cov ntsiab lus hauv kab.

Dab tsi yog qhov zoo sib xws ntawm Block thiab Inline Elements?

Thaiv thiab cov ntsiab lus hauv kab yog siv los ua ntim hauv HTML

Qhov txawv ntawm Thaiv thiab Inline Elements yog dab tsi?

Block vs Inline Elements
Cov ntsiab lus thaiv yog cov ntsiab lus uas yuav nthuav dav tag nrho cov ntsiab lus ntawm niam txiv, thiab yuav tsis tso cai rau lwm lub caij los tuav tib qhov chaw kab rov tav raws li nws tau muab tso rau.	Cov ntsiab lus hauv kab yog cov ntsiab lus uas tsis tuaj yeem tso ncaj qha rau hauv lub cev lub cev thiab uas tau zes hauv cov ntsiab lus thaiv.
Kab tshiab
Block ntsiab pib nrog ib kab tshiab.	Cov ntsiab lus hauv kab tsis pib nrog kab tshiab.
Yuav tsum muaj chaw
Cov ntsiab lus thaiv siv txhua qhov dav.	Cov ntsiab lus hauv kab yuav siv qhov dav xwb.

Summary – Block vs Inline Elements

HTML stands rau Hyper Text Markup lus. Nws yog ib hom lus uas muaj tag. Txhua lub cim muaj ib txoj haujlwm tshwj xeeb thiab txhais yuav ua li cas los txhim kho nplooj ntawv web. Qee lub cim muaj lub cim pib thiab lub cim xaus. Qee lub cim tsis muaj qhov xaus. Lawv hu ua void tags. Parsing yog cov txheej txheem ntawm kev txheeb xyuas syntax. Tom qab cov kauj ruam parsing, cov cim npe no dhau los ua cov ntsiab lus. Cov ntsiab lus tuaj yeem yog cov ntsiab lus thaiv qib lossis cov ntsiab lus hauv kab. Qhov txawv ntawm qhov thaiv thiab cov ntsiab lus hauv kab yog tias cov ntsiab lus thaiv tau siv tag nrho qhov dav muaj thaum cov ntsiab lus inline siv qhov dav xav tau los tso saib cov ntsiab lus ntawm cov khoom.

Download PDF Version of Block vs Inline Elements

Koj tuaj yeem rub tawm PDF version ntawm kab lus no thiab siv nws rau offline hom phiaj raws li daim ntawv ceeb toom. Thov rub tawm PDF version ntawm no: Qhov txawv ntawm Thaiv thiab Inline ntsiab