Vendosja e artikujve në një faqe interneti është thelbësore për dizajnin e tij të përgjithshëm. Edhe pse ka mënyra të tjera për të ndikuar në paraqitjen, të tilla si përdorimi i tabelave (të cilat ne nuk e rekomandojmë ), më e mirë është të përdorim CSS .
Më poshtë, do të hedhim një vështrim se si të përdorim një pronë të thjeshtë CSS në linjë për të lidhur imazhet, tabelat, paragrafët dhe të tjera.
Shënim: Këto metoda të njëjta mund të përdoren edhe në fletët e stilit të jashtëm, por meqë këto zbatohen për sendet individuale dhe ka gjasa që të qëndrojnë në atë mënyrë, është mirë të përdorim styling në linjë si ajo që përmendet më poshtë.
Përshtateni paragrafët e tekstit
Etiketa e paragrafit është vendi i parë për të filluar në përcaktimin e faqes suaj të internetit. Hapja dhe mbyllja e etiketave duket kështu:
Shtrirja e parazgjedhur e tekstit në një paragraf është në anën e majtë të faqes, por gjithashtu mund të ndani paragrafët tuaj në të djathtë dhe në qendër.
Përdorimi i pronës noton ju lejon të drejtoni paragrafët në të djathtë ose në të majtë të elementit mëmë. Çdo element tjetër brenda këtij elementi mëmë do të rrjedhë rreth elementit të lundrueshëm.
Për të marrë efektin më të mirë me një paragraf, është më mirë të vendosni një gjerësi në paragrafin që është më i vogël se elementi i enës (prindit).
Align Parametrat brenda tekstit
Ndoshta, shtrirja më interesante për tekstin e paragrafit është "justifikimi", që tregon shfletuesit për të shfaqur tekstin e lidhur në thelb me të dy anët e djathtë dhe të majtë të dritares.
Për të justifikuar tekstin në një paragraf, ju do të përdorni strukturën e tekstit-align.
Ju gjithashtu mund të lidhur të gjithë tekstin brenda një paragrafi në anën e djathtë ose të majtë (default), duke përdorur pronën text-align.
Teksti i alokimit të tekstit do të vendosë tekstin brenda elementit. Teknikisht, nuk duhet të përafrojë imazhet që gjenden brenda paragrafit ose elementit tjetër, por shumica e shfletuesve trajtojnë imazhet si inline për këtë pronë.
Aligning Images
Duke përdorur pronën e notave në një tag imazhesh, mund të përcaktoni vendosjen e imazheve në faqe dhe mënyrën se si teksti do të përfundojë rreth tyre.
Ashtu si paragrafët e mësipërm, prona e stilit të notave në tagun e imazhit do të vendosë imazhin tuaj në faqe dhe i tregon shfletuesit se si të rrjedhin tekstit dhe elementë të tjerë rreth atij imazhi.
Teksti pas imazhit të imazhit të mësipërm do të rrjedhë rreth imazhit në të djathtë siç shfaqet imazhi në të majtë të ekranit.
Nëse dua që teksti të ndalojë mbështjelljen rreth imazhit, përdor pronën e qartë:
Përshtatja më shumë se paragrafët
Sidoqoftë, çka nëse dëshironi të vendosni më shumë se vetëm një paragraf ose një imazh? Ju mund të vendosni thjesht një pronë stili në çdo paragraf, por ka një tag që mund ta përdorni që është më efektive:
Thjesht rrethoni tekstin dhe imazhet (duke përfshirë etiketat HTML ) me etiketën dhe pronën e stilit (noton ose rreshtimin e tekstit) dhe çdo gjë në atë ndarje do të përafrohet se si do të donit.
Mbani në mend se shtrirjet e shtuara në paragrafët ose imazhet brenda divizionit do të nderohen, duke e mbivendosur tagun.