Tema: Blok hám ishki elementler html elementleri: blokirovka hám qatar elementleri

Tema: Blok hám ishki elementler


HTML elementleri: blokirovka hám qatar elementleri
Block-level hám Inline Elements ortasındaǵı parq ne?
HTML - veb -betlerdegi qurılıs blokları retinde isleytuǵın túrli elementlerden shólkemlesken. Bul elementlerdiń hár biri eki taypaǵa kiredi: blok dárejedegi elementler yamasa ishki elementler. Bul eki túrdegi elementler arasındaǵı farqni túsiniw veb -betlerdi jaratıwda zárúrli qádem bolıp tabıladı.
Blok -dárejeli elementler
Al, blok -dárejeli element ne? Blok -dárejedegi element - bul veb -bette jańa qatardı baslaytuǵın jáne onıń joqarı elementiniń ámeldegi gorizontal keńliginiń keńligin keńeytiriwshi HTML element. Paragraf yamasa bet bólindileri sıyaqlı úlken bloklar payda etedi. Tiykarınan, kópshilik HTML elementleri blok dárejedegi elementler bolıp tabıladı.
Blok -dárejedegi elementler HTML hújjet denesiniń ishinde isletiledi. Olar qatar elementleri hám basqa blok -level elementlerdi óz ishine alıwı múmkin.
Inline Elements
Blok -dárejeli elementlerden ayrıqsha bolıp esaplanıw, inline element tómendegilerdi orınlawı múmkin:
 Bir qatarda baslań
 Jańa qatardı baslamaydı
 Onıń keńligi tek tegler menen belgilenetuǵın dárejede kengayadi.
Inline elementtiń úlgisi teg, yaǵnıy tekst quramınıń shriftin qara reńde jaylasqan etedi. Bir qatar ishindegi element ádetde tek basqa qatar ishindegi elementlerdi óz ishine aladı yamasa tánepis jarlıǵı sıyaqlı hesh nársege iye bolmaydı.
HTMLda elementtiń úshinshi túri de bar: olar hesh kórsetilmaydi. Bul elementler bet haqqında maǵlıwmat beredi, lekin veb-brauzerinde kórsetilgende kórsetilmaydi.
Block-level vs Inline HTML Elements
HTML'ni inline hám blok elementleri kóplegen veb programmistler ushın shálkeslikler tuwdıratuǵın tema esaplanadı. Sebebi kóplegen jaǵdaylarda programmistler inline elementti block yamasa kerisinshe block elementti inline dep oylap kod jazıp jiberiwedi.
Sol sebepli keling, HTML'dagi inline hám block elementlerdi ortasındaǵı farqni hám tez-tez ushırasıp turatuǵın hár qıylı inline hám block elementlerdi kórip shıǵamız.
Blok elementler: Ámeldegi bolǵan pútkil keńlikti iyeleydi. Olar mudamı jańa qatardan baslanadı hám joqarı hám tómengi bóleginen margin'ga iye. Onıń janında basqa elementler ámeldegi bolmaydı.
Blok elementlerge mısallar :
•

-

: Bul element 1 den 6 ǵa shekem bolǵan túrli ólshem degi bas betlardı kirgiziw ushın isletiledi.
•

: Bul konteyner, veb -bet degi kontentning bólek bólimlerin jaratıw ushın isletiledi.
• : Bul bos teg bolıp, kontentni gorizontal sızıqlar menen ajıratıw ushın isletiledi.
•
•: Bul teg tártiplengen yamasa tártiplenbegen dizim elementlerin kirgiziw ushın isletiledi.
• : Bul teg tártiplenbegen dizim jaratıw ushın isletiledi.
•

: Bul teg tártiplengen dizimdi dúziw ushın isletiledi.
•
Bul teg veb -bet degi kontent paragrafların kirgiziw ushın isletiledi.
• : Bul teg keste maǵlıwmatlarına mútajlik tuwılǵanda veb -betke kestelerdi kirgiziw ushın isletiledi.
HTML 5 semantik blok elementleri:

: Bul teg veb -bettiń barlıq tiykarǵı zatlardı, mısalı, sortbar, logotipler hám veb -bet basın kirgiziw ushın isletiledi.

: Bul teg veb -bet degi hyperlinklarining túrli blokların qosıw arqalı túrli bólimler boylap háreketleniwge járdem beredi.

: Bul veb -bettiń avtorizatsiyasi, baylanıs hám avtorlıq huqıqları haqqındaǵı barlıq maǵlıwmatlardı óz ishine aladı.

: veb -bettiń tiykarǵı mazmunı bul tegda jaylasqan boladı.

: Bul veb -bettiń bólek túrli bólimlerinde isletiledi.

: Bul teg veb -bet degi túrli ǵárezsiz maqalalardı kirgiziw ushın isletiledi.

: Bul teg tiykarǵı maǵlıwmatlardı shette kórsetiw ushın isletiledi.





content=" IE=edge" >
content=" width=device-width, initial-scale=1. 0" >








Davron_js


Bul Pútkil qatardı iyeleytuǵın blok elementke mısal bóle alatuǵın (p) element









Davron_js

Bul span element
va bu bolsa
link qaysıki, inline elementke mısal bóle alatuǵın, tek ózleri ushın kerekli jaydı iyeleydifan.