HTML je jezik koji se upotrebljava za izradu web stranica koristeći različite blokove u njima. Ti su elementi u obliku oblika podijeljeni u dvije različite vrste kao elementi HTML Blocks razine i inline elementi. Sve ove vrste elemenata nalaze se u oznaci HTML blokova. Elementi na razini bloka strukturirani su za dizajn glavnog izgleda vaše web stranice.
Ako govorimo o prikazu strukture, on stvara veći strukturu od pogleda inline elemenata. Svi elementi na razini bloka počinju s novom linijom koja zauzima cijelu širinu zaslona. Moraju biti napisane unutar oznake otvaranja i zatvaranja.
Grupiranje elemenata je važna metoda za podjelu rasporeda u oblike odjeljaka ili pododjeljaka. Moguće je bilo koje elemente bloka staviti u drugi blokovski element, kao što smo također u mogućnosti da stavimo inline elemente u elemente HTML Blocks, ali nije moguće staviti elemente razine bloka u inline elemente, a ne u oznaku elemenata.
Pogledajmo sintaksu za različite elemente na razini HTML bloka kako slijedi:
1. element div: djeluje kao blok element, koji zauzima cijelu širinu zaslona i uvijek započinje u novom retku.
( ……Lines of code……)
2. tablica: tablica se koristi za prikaz podataka u tabelarnom formatu, uključujući zaglavlje tablice, tijelo tablice s retkom tablice i stupcem tablice.
3. Elementi uvrštavanja : Naručeni popis i Nordirani popis.
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. Stavljanje elemenata obrasca : Stavljanje elemenata obrasca za stvaranje HTML obrasca na sljedeći način.
Elementi HTML blokova
Postoje različiti elementi koji se upotrebljavaju kao elementi na razini HTML bloka:
: Adresačna oznaka koristi se za određivanje kontaktnih podataka autora u HTML članku.
: Članak se koristi za određivanje sadržaja koji je sam.
: Ovo su elementi koji se nalaze izvan glavnog sadržaja, obično se tretiraju kao bočna traka.
: Kad god uzimamo sadržaj iz drugog izvora, koristi se bloktar citata.
: Canvas je element koji se koristi u web dokumentima za pružanje grafičkog prostora.
: To je najvažniji element u cijelom web razvoju koji se koristi za podjelu HTML dokumenata na odjeljke ili odjeljenja.
: Bez obzira na grupne naljepnice ili elemente koji se upotrebljavaju u web obrascima koji se međusobno spajaju u skup polja.
: HTML obrasci su definirani pomoću ovog elementa na razini bloka. Najčešće se koristi u procesu razvoja web stranica.
: Koristi se za označavanje podnožja web stranice.
-
: Ovo su naslovi koji se koriste u jeziku HTML koji definiraju razinu od 1 do 6.
: Ovaj se element koristi za označavanje odjeljka zaglavlja na web stranici.
: Ovo je najnoviji element uveden u HTML 5 koji se koristi za označavanje odjeljka stranice koji uključuje linkove za navigaciju.
: Element odjeljka koristi se za predstavljanje generičkog odjeljka u svom dokumentu.
: Kad god želimo prikazati podatke u tabelarnom obliku, tada je tablica savršeno rješenje za to. To će stvoriti tablicu za vaš HTML dokument.
: Ako želite uključiti video sadržaj u svoj HTML dokument, onda je i to moguće pomoću jednostavnih video elemenata u vašem kodu.
: Ako korisnik želi prikazati popis stavki, tada je to moguće pomoću
element.
: Prikazat će se popis na uređeni način.
: Pokazat će popis neuredno.
: ovaj se element koristi za opisivanje različitih pojmova u formatu popisa opisa.
Primjeri HTML blokova
Evo nekoliko primjera HTML blokova koji su dani u nastavku:
Primjer 1
U primjeru u nastavku, koristit ćemo osnovne elemente bloka Html, kao što su div, p, zaglavlja, element list s naručenim i neuredjenim popisom itd.
Kodirati:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Ovo je primjer elemenata HTML bloka koji prikazuju više blokova Elementi razine zatvoreni u njemu. Ovdje također možemo koristiti inline elemente
Primjer uključuje dijelove, p, elemente naslova, elemente popisa
Ovaj primjer prikazuje različite vrste HTML blok elemenata poput div, str , naslovi između h1 do h6
Primjer popisa
Nordirani HTML popis prikazuje zemlje
Mumbai
Pune
Nagpur
Naručeni popis HTML-a s prikazom zemalja
Mumbai
Pune
Nagpur
Izlaz:
Primjer 2
Ovdje ćemo vidjeti još jedan primjer u kojem stvaramo tablicu.
Sada pomoću elemenata HTML blokova stvorit ćemo HTML obrazac na sljedeći način:
Kodirati:
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
Izlaz:
Primjer 4
Ovdje pokušavamo adresirati element u HTML blokovima.
Kodirati:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Izlaz:
Zaključak
Iz svih gore navedenih podataka zaključeno je da je element razine HTML blokiran u tijelu HTML dokumenta. Stvorit će se neki veliki HTML blokovi odjeljaka poput odlomaka ili stranica s podjelom. U elemente na razini bloka može se uključiti još jedan element razine bloka. Također je moguće uključiti inline elemente u element razine bloka, ali uključivanje elemenata razine bloka u inline elemente nije moguće.
Preporučeni članci
Ovo je vodič za HTML blokove. Ovdje raspravljamo o elementima HTML blokova zajedno s primjerima i implementacijom koda. Možete pogledati i sljedeće članke da biste saznali više -
