Përmbajtje

• Hapa
• Metoda 1 nga 2: CSS (e rekomanduar)
• Metoda 2 nga 2: Atributi "align" në HTML

Atribut rreshtoj etiketë html> është zhvlerësuar që nga HTML5. Ndërsa ky atribut funksionon ende në shumicën e shfletuesve të uebit, rekomandohet që të përafroni imazhet duke përdorur Fletët e stilit Cascading (CSS). Në këtë artikull, ne do t'ju tregojmë se si t'i përqendroni imazhet duke përdorur CSS dhe etiketën e vjetëruar. rreshtoj.

Hapa

Metoda 1 nga 2: CSS (e rekomanduar)

1. 1 Shtoni kodin HTML për imazhin. Ju do të përdorni fletë të stilit kaskadues (CSS) për të lidhur imazhin, por do t'ju duhet ta vendosni në faqe duke përdorur HTML. Më poshtë është një shembull i përdorimit të etiketës img> për të futur një imazh në kodin tuaj:

   img src = "qen.webp" alt = "kjo është një fotografi e një qeni">

   • Në vend të qen.webp zëvendësoni emrin e skedarit të imazhit, dhe pas "alt" shkruani përshkrimin e figurës. Kuptim qendra për "klasë" mos ndryshoni, sepse do të krijoni një klasë CSS me atë emër.
2. 2 Gjeni kodin CSS. Nëse faqja juaj ka një skedar të veçantë CSS, hapeni atë. Nëse jo, CSS ka shumë të ngjarë të jetë në krye të skedarit HTML, brenda etiketave kokë>... Shkoni në krye të skedarit për të gjetur etiketa stil> / stil>.
   • Nëse etiketat stil> / stil> jo, shtojini ato. Lexoni këtë artikull për më shumë informacion.
3. 3 Shtoni CSS për të lidhur imazhin. Në vend të "50%", mund të futni një vlerë të ndryshme për ta bërë imazhin të shfaqet në faqe. Ju nuk do të jeni në gjendje të përqendroni imazhin me një vlerë "100%", kështu që ky numër duhet të jetë i ndryshëm.

   .qendra {ekran: bllok; margjina-majtas: auto; margjina-djathtas: auto; gjerësia: 50%; }

4. 4 Ruani ndryshimet tuaja. Ruani skedarin HTML dhe skedarin CSS (nëse ka). Kjo do të përqendrojë imazhin.
   • Gjithashtu brenda etiketave img> mund të shtoni për të përqëndruar imazhe të tjera.

Metoda 2 nga 2: Atributi "align" në HTML

1. 1 Krijoni një paragraf të ri. Edhe pse kjo metodë e përqendrimit të imazheve është zhvlerësuar, ajo ende punon në shumë shfletues. Sidoqoftë, ne rekomandojmë përdorimin e CSS për ta mbajtur sitin funksional kur shfletuesit ndalojnë së mbështeturi atributin e specifikuar. Mos harroni se atributi rreshtoj do të përqëndrojë figurën vetëm brenda elementit që e rrethon (për shembull, brenda etiketave p> / p> ose div> / div>) Si shembull, në skedarin HTML, ne do të krijojmë një paragraf të ri duke shtuar p> në një vijë të veçantë.
2. 2 Shtoni kodin HTML për imazhin. Futni kodin e mëposhtëm pas etiketës p>... Përdoreni këtë shembull si udhëzues:

   p> img src = "dog.webp" alt = "foto" align = "middle">

   • Në vend të qen.webp zëvendësoni emrin e skedarit të imazhit, dhe pas "alt" shkruani përshkrimin e figurës.
   • Atributi i mesëm i thotë shfletuesit të shfaqë figurën në qendër të faqes.
3. 3 Mbyll etiketën e paragrafit. Për ta bërë këtë, shtoni / p> pas etiketës së figurës. Kodi i përfunduar duhet të duket diçka si kjo:

   p> img src = "dog.webp" alt = "foto" align = "middle"> / p>

4. 4 Ruani ndryshimet tuaja. Kjo do të përqendrojë imazhin.