Skirtumas tarp bloko ir įterptųjų elementų

Turinys:

Skirtumas tarp bloko ir įterptųjų elementų
Skirtumas tarp bloko ir įterptųjų elementų

Video: Skirtumas tarp bloko ir įterptųjų elementų

Video: Skirtumas tarp bloko ir įterptųjų elementų
Video: HTML Block vs Inline Elements 2024, Lapkritis
Anonim

Pagrindiniai skirtumai – blokas ir įterptieji elementai

HTML reiškia hiperteksto žymėjimo kalbą. Jis naudojamas tinklalapiams kurti. Kiekvienas tinklalapis yra sujungtas su kitais tinklalapiais naudojant hipersaitus. Šią kalbą sudaro žymos. Žymė yra įtraukta į kampinius petnešus. Sintaksė panaši į. Dauguma žymų taip pat turi baigiamąją žymą. Kai yra žyma, baigiamoji žyma yra. Kai kurios žymos neturi baigiamosios žymos. Tokios žymos pavyzdžiai:

ir

Skirtumas tarp blokinių ir įterptųjų elementų
Skirtumas tarp blokinių ir įterptųjų elementų

Jie žinomi kaip tuščios žymos. HTML elementas yra HTML dokumento arba tinklalapio komponentas po to, kai jis buvo išanalizuotas į dokumento objektų modelį (DOM). DOM yra vidinis atvaizdas žiniatinklio naršyklėje. Jis vaizduoja kiekvieną dokumentą medžio struktūroje. Naršyklėje rodomi elementai gali būti blokinis arba eilutinis elementas. Blokų elementai turi stačiakampę struktūrą. Inline elementai gali būti įterpti į bloko elementus. Pagrindinis skirtumas tarp bloko ir eilutinio elemento yra tas, kad bloko elementai užima visą galimą plotį, o eilutiniai elementai užima reikiamą plotį, kad būtų rodomas elementų turinys.

Kas yra blokiniai elementai?

Blokuoti elementai užima visą galimą plotį. Tie elementai visada prasideda nauja linija. Kai kurie bloko elementų pavyzdžiai yra tokie.

naudojamas pastraipai apibrėžti. pvz., Tai pastraipa

. Antraštėms apibrėžti yra šešios žymės. Jie yra

,

,

. Programuotojas gali atitinkamai naudoti antraštę.

Sutvarkytą sąrašą apibrėžia

o netvarkingą sąrašą apibrėžia

. Naudojamas horizontaliai linijai rodyti tinklalapyje.

naudojamas duomenims tvarkyti lentelės formatu. Kiekvienai svetainei reikalaujama rinkti duomenis iš svetainės lankytojų. HTML formos naudojamos duomenims iš vartotojo gauti. Tai taip pat bloko lygio elementas. Tai yra keli blokuojamų elementų HTML pavyzdžiai.

Kas yra įterptieji elementai?

Inline elementai užima tik reikiamą plotį. Tie elementai neprasideda nauja eilute. Toliau pateikiami keli įterptųjų elementų pavyzdžiai. naudojamas kuriant nuorodas iš vieno puslapio į kitą. Hipersaitai yra vienas iš esminių HTML elementų. Jame gali būti atributas href, kad būtų sukurta nuoroda į paskirties vietą. pvz. Apsilankykite „Google“. Tikslinis atributas yra tuščias. Todėl naujas dokumentas bus atidarytas naujame lange. Jei tikslinis atributas yra „_self“, susietas dokumentas bus atidarytas tame pačiame lange.

01 paveikslas: blokinių ir eilutinių elementų pavyzdžiai

naudojamas paryškinti teksto dalis. Žyma skirta tekstą paversti kursyvu. Tinklalapis turi būti reprezentatyvus. Todėl bet kuris tinklalapis susideda iš kelių vaizdų.

naudojamas vaizdui puslapyje rodyti. Šiai žymai reikalingi du atributai. Jie yra src ir alt. „src“apibūdina vaizdo vietą, o „ alt“– tai, apie ką vaizdas. pvz.. Tai keli įterptųjų elementų pavyzdžiai.

Koks yra bloko ir įterptųjų elementų panašumas?

Blokuoti ir eilutiniai elementai naudojami kaip konteineriai HTML

Kuo skiriasi blokiniai ir įterptieji elementai?

Blokuoti prieš eilutinius elementus

Blokiniai elementai yra elementai, kurie apims visą pagrindinio elemento plotį ir neleis jokiam kitam elementui užimti tą pačią horizontalią erdvę, kurioje jis yra. Įterptieji elementai yra elementai, kurių negalima įdėti tiesiai į body elementą ir kurie yra įterpti į bloko elementus.
Nauja eilutė
Blokuoti elementai prasideda nauja eilute. Įterptieji elementai neprasideda nauja eilute.
Reikalinga vieta
Bloko elementai užima visą plotį. Įterptieji elementai užims tik reikiamą plotį.

Santrauka – blokas ir įterptieji elementai

HTML reiškia hiperteksto žymėjimo kalbą. Tai kalba, susidedanti iš žymų. Kiekviena žyma turi tam tikrą užduotį ir apibrėžia, kaip struktūrizuoti tinklalapį. Kai kurios žymos turi pradžios ir pabaigos žymas. Kai kurios žymos neturi pabaigos žymos. Jie vadinami tuščiomis žymomis. Nagrinėjimas yra sintaksės analizės procesas. Atlikus analizavimo veiksmą, šios žymos tampa elementais. Elementai gali būti bloko lygio elementai arba eilutiniai elementai. Skirtumas tarp bloko ir įterptųjų elementų yra tas, kad blokiniai elementai užima visą galimą plotį, o eilutiniai elementai užima reikiamą plotį, kad būtų rodomas elementų turinys.

Atsisiųskite Block vs Inline Elements PDF versiją

Galite atsisiųsti šio straipsnio PDF versiją ir naudoti ją neprisijungus, kaip nurodyta citatos pastaboje. Atsisiųskite PDF versiją čia: Skirtumas tarp blokinių ir įterptųjų elementų

Rekomenduojamas: