Мазмун

• Кадамдар
• Метод 2ден 2: CSS (Сунушталат)
• 2дин 2 -ыкмасы: HTMLдеги "тегиздөө" атрибуту

Атрибут тегиздөө тег html> HTML5 бери эскирген. Бул атрибут көпчүлүк веб -браузерлерде дагы эле иштеп турганда, каскаддык стиль баракчаларын (CSS) колдонуу менен сүрөттөрдү тегиздөө сунушталат. Бул макалада биз CSSти жана эскирген тегди колдонуп сүрөттөрдү кантип борборлоштурууну көрсөтөбүз. тегиздөө.

Кадамдар

Метод 2ден 2: CSS (Сунушталат)

1. 1 Сүрөт үчүн HTML кодун кошуңуз. Сиз сүрөттү тегиздөө үчүн каскаддык стиль баракчаларын (CSS) колдоносуз, бирок аны HTML аркылуу баракчага жайгаштырууңуз керек болот. Төмөндө тегди колдонуунун мисалы келтирилген img> кодуңузга сүрөт кошуу үчүн:

   img src = "dog.webp" alt = "бул иттин сүрөтү">

   • Ордуна dog.webp сүрөт файлынын атын алмаштырыңыз жана "alt" дан кийин сүрөттүн сүрөттөмөсүн киргизиңиз. Мааниси Борбор "класс" үчүн өзгөрбө, анткени сен ошол ат менен CSS классын түзөсүң.
2. 2 CSS кодун табыңыз. Эгерде сиздин сайтыңызда өзүнчө CSS файлы болсо, аны ачыңыз. Болбосо, CSS, мүмкүн HTML файлынын жогору жагында, тегдердин ичинде баш>... Тегдерди табуу үчүн файлдын үстүнө жылдырыңыз стили> / стили>.
   • Эгерде тегдер стили> / стили> жок, аларды кошуу. Көбүрөөк маалымат алуу үчүн бул макаланы окуңуз.
3. 3 Сүрөттү тегиздөө үчүн CSSти кошуңуз. "50%" дегендин ордуна, сүрөттү бетте көрсөтүү үчүн башка маанини киргизсеңиз болот. Сиз сүрөттү "100%" мааниси менен ортого сала албайсыз, андыктан бул сан башкача болушу керек.

   .center {дисплей: блок; маржа-сол: авто; маржа-оң: авто; туурасы: 50%; }

4. 4 Өзгөртүүлөрдү сактаңыз. HTML файлын жана CSS файлын сактаңыз (эгер бар болсо). Бул сүрөттү борборлоштурат.
   • Ошондой эле тегдердин ичинде img> кошо алат башка сүрөттөрдү борборго коюу.

2дин 2 -ыкмасы: HTMLдеги "тегиздөө" атрибуту

1. 1 Жаңы абзац түзүү. Сүрөттөрдү борборлоштуруунун бул ыкмасы колдонулбаса да, ал көптөгөн браузерлерде иштейт. Бирок, браузерлер көрсөтүлгөн атрибутту колдоону токтоткондо, сайттын иштешин камсыз кылуу үчүн CSSти колдонууну сунуштайбыз. Атрибут экенин унутпаңыз тегиздөө сүрөттү аны курчап турган элементтин ичинде гана борборлоштурат (мисалы, тегдердин ичинде p> / p> же div> / div>). Мисалы, HTML файлында биз кошуу менен жаңы абзацты түзөбүз p> өзүнчө сапта.
2. 2 Сүрөт үчүн HTML кодун кошуңуз. Тегден кийин төмөнкү кодду киргизиңиз p>... Бул мисалды колдонмо катары колдонуңуз:

   p> img src = "dog.webp" alt = "picture" align = "орто">

   • Ордуна dog.webp сүрөт файлынын атын алмаштырыңыз жана "alt" дан кийин сүрөттүн сүрөттөмөсүн киргизиңиз.
   • Middle атрибуту браузерге сүрөттү барактын ортосунда көрсөтүүнү айтат.
3. 3 Абзацтын тегин жабыңыз. Бул үчүн, кошуу / p> сүрөт тегинен кийин. Даяр код мындай болушу керек:

   p> img src = "dog.webp" alt = "picture" align = "ортосунда"> / p>

4. 4 Өзгөртүүлөрдү сактаңыз. Бул сүрөттү борборлоштурат.