HTML on keel, mida kasutatakse veebilehtede loomiseks, kasutades erinevaid blokke. Need elemendid on vormingus jagatud kahte erinevat tüüpi HTML-blokkide tasemeelementideks ja tekstielementideks. Kõik need elemendid on suletud HTML-plokkide silti. Plokitaseme elemendid on üles ehitatud teie veebilehe põhipaigutuse kujundamiseks.
Kui me räägime struktuuri vaatest, loob see suurema struktuuri vaate kui sisemiste elementide vaade. Kõik ploki tasemel elemendid algavad uue reaga, mis hõivab kogu ekraani laiuse. Need peavad olema kirjutatud ava- ja sulgemissildis.
Elementide rühmitamine on oluline meetod paigutuse jagamiseks lõikude või alajaotiste vormideks. Mis tahes plokielemente on võimalik panna mõnda teise plokielementi, samuti on meil võimalik HTML-i blokkielementidesse lisada ka elemente, kuid plokkitaseme elemente pole võimalik paigutada mitte elemente siltidesse, vaid elementidesse.
Vaatame erinevate HTML-ploki taseme elementide süntaksi järgmiselt:
1. div-element: see töötab plokielemendina, mis võtab ekraani kogu laiuse ja algab alati uuelt real.
( ……Lines of code……)
2. tabel: tabelit kasutatakse andmete kuvamiseks tabelina, sealhulgas tabeli päis, tabeli korpus, millel on tabeli rida ja tabeli veerg.
3. Loendielemendid : tellitud loend ja järjestamata loend.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Vormi elementide paigutamine: Vormi elementide panemine HTML-i vormi loomiseks järgmiselt.
HTML-blokkide elemendid
HTML-ploki tasemel elementidena kasutatakse erinevaid elemente:
: Aadressisilti kasutatakse autori kontaktteabe määramiseks HTML-i artiklis.
: Artiklit kasutatakse iseseisva sisu täpsustamiseks.
: See on selline element, mis asub põhisisu kõrval, tavaliselt käsitletakse neid külgribaga.
: Alati, kui me võtame sisu teisest allikast, kasutatakse blokeeringut.
: Lõuend on element, mida kasutatakse veebidokumentides graafilise ruumi pakkumiseks.
: See on kõige olulisem element kogu veebiarenduses, mida kasutatakse HTML-dokumentide jaotamiseks osadeks või jagunemisteks.
: Mis iganes rühmaga seotud sildid või elemendid, mida kasutatakse veebivormides, mis on koondatud väljade komplekti.
: HTML-vormid määratletakse selle plokktaseme elemendi abil. Seda kasutatakse kõige sagedamini veebiarendusprotsessis.
: Seda kasutatakse veebilehe jaluse jaotise tähistamiseks.
-
: Need on HTML-i keeles kasutatavad pealkirjad, mis määratlevad taseme 1–6.
: Seda elementi kasutatakse veebilehe päiseosa tähistamiseks.
: See on viimane HTML 5-s kasutusele võetud element, mida kasutatakse lehe jaotise märkimiseks, sealhulgas sinna navigeerimislingid.
: Jaotise elementi kasutatakse dokumendi üldise jaotise tähistamiseks.
: Kui tahame andmeid kuvada tabelina, on tabel selleks ideaalne lahendus. See loob tabeli teie HTML-dokumendile.
: Kui soovite oma HTML-dokumenti lisada videosisu, on see ka koodis lihtsate videoelementide abil võimalik.
: Kui kasutaja soovib kuvada üksuste loendit, siis on seda võimalik kasutada
element.
: See näitab nimekirja järjestatud viisil.
: See kuvab loendi järjestamata viisil.
: seda elementi kasutatakse erinevate mõistete kirjeldamiseks kirjeldusloendi vormingus.
HTML-blokkide näited
Siin on mõned näited HTML-plokkidest, mis on toodud allpool:
Näide nr 1
Allpool toodud näites kasutame mõnda põhilist HTML-i ploki elementi, nagu div, p, pealkirjad, loendielement koos järjestatud ja järjestamata loendiga jne.
Kood:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
See on näide HTML-i plokkielementidest, mis näitavad mitut plokki sellesse suletud taseme elemendid. Siin saame kasutada ka sisemisi elemente
Näide, mis sisaldab div, p, pealkirjade elemente, loendielemente
Selles näites kuvatakse erinevat tüüpi HTML-i plokielemente nagu div, lk , pealkirjad vahemikus h1 kuni h6
Näide nimekirjadest
Korrastamata HTML-i loend, mis näitab riike
Mumbai
Pune
Nagpur
Tellitud HTML-i loend, mis näitab riike
Mumbai
Pune
Nagpur
Väljund:
Näide 2
Siin näeme veel ühte näidet, milles me tabelit loome.
Nüüd, kasutades HTML-i blokeerimise elemente, loome HTML-i vormi järgmiselt:
Kood:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Väljund:
Näide 4
Püüame siin käsitleda elementi HTML-i plokkides.
Kood:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Väljund:
Järeldus
Kõigist ülaltoodud andmetest järeldas ta, et HTML blokeerib HTML-dokumendi korpuses sisalduva tasemeelemendi. See loob mõned suured HTML-i lõikude plokid, näiteks lõigud või jaotusega lehed. Plokkide taseme elementidesse võib lisada ka teise plokkitasandi elemendi. Samuti on võimalik lisada elementide hulka plokk-taseme elemente, kuid ploki tasemel elementide lisamine elementidesse pole võimalik.
Soovitatavad artiklid
See on HTML-blokkide juhend. Siin käsitleme HTML-plokkide elemente koos näidete ja koodi rakendamisega. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -
