Ekzistojnë dy lloje të elementeve në HTML - elementet bllok dhe elementët inline. Më poshtë do të mësoni veçoritë e këtyre elementeve dhe ndryshimin midis tyre, si dhe mënyrat për t'i kontrolluar ato përmes rregullave CSS.
Elementet e bllokut
Elementet e bllokut janë baza që përdoret për paraqitjen e faqeve të internetit. Një element i tillë është një drejtkëndësh që si parazgjedhje zë të gjithë gjerësinë e disponueshme të faqes (përveç nëse specifikohet ndryshe në CSS), dhe gjatësia e elementit varet nga përmbajtja e tij. Një element i tillë gjithmonë fillon me linjë e re, domethënë ndodhet nën elementin e mëparshëm. Një element blloku mund të përmbajë një bllok tjetër dhe elemente inline.
Shembuj të elementeve të bllokut:
,
- ,
- ,
etj.
Elementet inline
Ndryshe nga një element blloku, një element inline nuk mbështillet në një linjë të re, por ndodhet në të njëjtën linjë si elementi i mëparshëm. Elementë të tillë, si rregull, ndodhen brenda elementeve të bllokut dhe gjerësia e tyre varet vetëm nga përmbajtja dhe Cilësimet e CSS... Një tjetër ndryshim midis një elementi inline dhe një elementi blloku është se ai mund të përmbajë vetëm përmbajtje dhe elementë të tjerë inline. Elementet e bllokut nuk mund të futen në elemente inline.
Shembuj të elementeve inline: , , , , etj.
Shënim: në HTML5, rendi i foleve të etiketave nuk ka rëndësi. Elementet nuk ndahen më thjesht në bllok dhe inline, por grupohen sipas kuptimit dhe qëllimit, duke përfaqësuar kategori të përmbajtjes.
Vetia e shfaqjes CSS: ndryshimi i llojit të elementit
Me ndihmën e jashtëzakonisht vetitë e dobishme shfaqur në CSS, mund të bëni që një element blloku të shfaqet në linjë dhe anasjelltas. Në mënyrë që një element blloku të sillet si një element inline (d.m.th., të mos transferohet në një rresht të ri), duhet të shkruhet një rregull për të:
Ekrani: inline;
Nëse keni nevojë të shfaqni një element inline si një element blloku (në mënyrë që një ndërprerje rreshti të ndodhë para dhe pas elementit), shkruani sa vijon:
Ekrani: bllok;
Veprimi (ekrani: inline) dhe (ekrani: bllok)
Ju gjithashtu mund të bëni një "hibrid" - një element blloku me sjellje inline. Në këtë rast, e gjithë përmbajtja e elementëve të tillë të bllokut do të shfaqet si zakonisht, por blloqet do të sillen si elementë inline, duke u rreshtuar në një rresht njëri pas tjetrit dhe duke u mbështjellë në një rresht të ri vetëm nëse është e nevojshme. Rënia e marzhit në raste të tilla pushon së funksionuari. Për ta kthyer një element në një bllok në linjë, shkruani:
Ekrani: inline-block;
Veprimi (ekrani: blloqe në linjë)
Më tej tutoriali: Pronë e kufirit CSS. Do të mësoni se si t'i shtoni kufij elementëve të një faqe interneti dhe çfarë cilësimesh mund të aplikoni për to duke përdorur fletët e stileve kaskadë.
Elementet HTML ndahen në elementë inline dhe bllok nga mënyra se si ato shfaqen në një faqe interneti.
Elementet inline
Elementet inline janë krijuar për të kryer disa veprime në tekst, për shembull: ndërprerje e linjës, nxjerrja në pah e një fragmenti teksti me shkronja të pjerrëta, nënvizimi logjik i disa teksteve dhe aplikimi i stileve në të me duke përdorur CSS etj. Në varësi të qëllimit të elementit inline, një pjesë e tekstit vendoset midis etiketave hapëse dhe mbyllëse, ose etiketa aplikohet kudo në tekst, për shembull, për të thyer një rresht.
Për shembull:
Mund të përdorë elementin inline për të theksuar tekstin që tërheq vëmendjen e vizitorëve të faqes duke përdorur stil të theksuar.
Një element inline ka një gjerësi që është e barabartë me gjerësinë e përmbajtjes së tij. Elementet inline nuk mund të përmbajnë elementë bllok brenda tyre.
Shembuj të elementeve inline: , ,