Në këtë kapitull:
Sintaksa e elementit
Elementi HTMLështë njësia bazë strukturore e një ueb faqeje të shkruar në HTML. Imazhi më poshtë tregon sintaksën e elementeve. Për shumicën e etiketave, sintaksa e elementit do të duket e njëjtë, me përjashtim të etiketave të vetme.
Të gjithë elementët në HTML ndjekin të njëjtin format:
- Elementi fillon me një etiketë fillimi.
- Elementi përfundon me një etiketë mbyllëse.
- Përmbajtja e një elementi është gjithçka midis etiketave hapëse dhe mbyllëse.
- Disa elementë nuk kanë përmbajtje (elemente boshe).
- Shumica e elementeve mund të përmbajnë atribute
Shënim: mos harroni të vendosni simbolin "" në etiketën mbyllëse / ", i tregon shfletuesit se elementi juaj ka përfunduar dhe se ajo që do të shkruhet pas tij është tashmë një element tjetër.
Elemente boshe
Ka disa elementë në HTML që nuk kanë një etiketë mbyllëse, si p.sh ose
. Elementë të tillë quhen bosh sepse ato nuk përmbajnë asnjë përmbajtje dhe nuk kanë një etiketë mbyllëse.
Elementet e mbivendosur
Të gjitha dokumentet HTML përbëhen nga elementë të ndërthurur. Shumica e tyre ose mund të përmbajnë elementë të tjerë, ose mund të futen brenda elementeve të tjerë, ndërkohë që thellësia e foleve të elementeve nuk është e kufizuar.
Shembulli i mëposhtëm ka tre elementë, dy prej të cilëve janë të ndërthurur:
Paragrafi im i parë
Kur vendosni një element brenda një tjetri, duhet të keni kujdes që elementi i mbivendosur të fillojë dhe të përfundojë brenda të njëjtit element. Pra, shembulli i mëposhtëm është i pasaktë:
Kjo shumë
interesanteEkzistojnë 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 të shtruar faqet e 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 në një linjë të re, domethënë ndodhet nën elementin e mëparshëm. Një element blloku mund të përmbajë elementë të tjerë bllok dhe inline.
Shembuj të elementeve të bllokut:
,
- ,
- Elementet inline mund të përmbajnë vetëm të dhëna ose elementë të tjerë inline, ndërsa elementët e bllokut mund të përmbajnë elementë të tjerë blloku, elementë inline dhe të dhëna. Me fjalë të tjera, elementët inline nuk mund të ruajnë elementët e bllokut në asnjë mënyrë.
- Elementet e bllokut gjithmonë fillojnë në një rresht të ri dhe elementët e linjës nuk theksohen në këtë mënyrë.
- Elementet e nivelit të bllokut zënë të gjithë gjerësinë e disponueshme, siç është dritarja e shfletuesit, ndërsa elementët e linjës janë aq të gjera sa përmbajtja e tyre plus vlerat e mbushjes, marzhit dhe kufirit.
- ,
etj.
Elementet inline
Ndryshe nga një element blloku, një element inline nuk mbështillet në një linjë të re, por vendoset në të njëjtën linjë si elementi i mëparshëm. Elementë të tillë zakonisht gjenden brenda elementëve 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 në të cilin vendosen etiketat nuk ka rëndësi. Elementet nuk ndahen më vetëm në bllok dhe inline, por grupohen sipas kuptimit dhe qëllimit, duke përfaqësuar kategoritë e përmbajtjes.
Shfaqja e vetive CSS: ndryshoni llojin e elementit
Me veçorinë jashtëzakonisht të dobishme të ekranit në CSS, mund ta bëni një element në nivel blloku të duket si një element inline dhe anasjelltas. Në mënyrë që një element blloku të sillet si një element inline (d.m.th., ai nuk përkthehet në një rresht të ri), duhet të shkruani një rregull për të:
Ekrani: inline;
Nëse dëshironi 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:
shfaqja:blloku;
Veprimi (ekrani:në linjë) dhe (shfaqja:blloko)
Ju gjithashtu mund të bëni një "hibrid" - një element blloku me të njëjtën sjellje si një element 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 kur është e nevojshme. Marzhi i kolapsit nuk ka efekt në raste të tilla. Për të bërë një element bllok-inline, shkruani:
Ekrani: bllok në linjë
Veprimi (ekrani: inline-block)
Më tej në tutorial: prona e kufirit CSS. Do të mësoni se si t'u shtoni kufij elementëve të faqes së internetit dhe çfarë cilësimesh mund të aplikoni për to duke përdorur fletët e stilit Cascading.
Elementet inline janë elementë të faqes së internetit që janë drejtpërdrejt pjesë e një elementi tjetër, siç është një paragraf teksti. Ato përdoren kryesisht për të ndryshuar pamjen e tekstit ose përzgjedhjen logjike të tij.
Etiketë është një nga elementët e rëndësishëm të HTML dhe është krijuar për të krijuar lidhje. Në varësi të pranisë së emrit ose atributeve href të etiketës vendos një lidhje ose spirancë.
Përcakton peshën e shkronjave të theksuara të fontit.
Etiketë rrit madhësinë e shkronjave me një në krahasim me tekstin normal. Në HTML, madhësia e shkronjave matet në njësi arbitrare nga 1 në 7, dhe madhësia mesatare e tekstit të paracaktuar është 3. Kështu, duke shtuar një etiketë e rrit tekstin me një njësi konvencionale.
Etiketë
vendos një linjë të re në vendndodhjen ku ndodhet kjo etiketë. Ndryshe nga etiketa e paragrafit
Përdorimi i etiketës
nuk shton një indent bosh përpara rreshtit.
Etiketë projektuar për të theksuar tekstin. Shfletuesit shfaqin një tekst të tillë me shkronja të pjerrëta.
Vendos peshën e fontit në italic.
Etiketë është krijuar për të shfaqur imazhe në format grafik GIF, JPEG ose PNG në një faqe interneti. Nëse është e nevojshme, fotografia mund të bëhet një lidhje me një skedar tjetër duke vendosur etiketën në një enë . Në këtë rast, një kufi shfaqet rreth imazhit, i cili mund të hiqet duke shtuar atributin border="0" në etiketë. .
Etiketë zvogëlon madhësinë e shkronjave me një në krahasim me tekstin e zakonshëm. Ngjashëm në veprim me një etiketë , por bën pikërisht të kundërtën.
Një etiketë universale e krijuar për të përcaktuar një element inline brenda një dokumenti.
Etiketë projektuar për të theksuar tekstin. Shfletuesit shfaqin një tekst të tillë me shkronja të zeza.
Shfaq fontin si nënshkrim. Në këtë rast, teksti ndodhet nën vijën bazë të karaktereve të mbetura të rreshtit dhe zvogëlohet në madhësi - H 2 O.
Shfaq fontin si një mbishkrim. Veprimi i tij është i ngjashëm me , por teksti shfaqet mbi bazën e tekstit - m 2 .
Dallimi midis elementeve bllok dhe inline është si më poshtë.
Elementet HTML ndahen në elementë inline dhe bllok, sipas mënyrës se si shfaqen në një faqe interneti.
Elementet inline (në linjë)
Elementet inline janë krijuar për të kryer disa veprime në tekst, për shembull: ndërprerje rreshtash, nënvizim të një pjese teksti me shkronja të pjerrëta, nënvizim logjik të disa teksteve dhe aplikim stilesh në të 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 një etiketë përdoret kudo në tekst, për shembull, për të thyer një rresht.
Për shembull:
Ju mund të përdorni një element 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: , ,