Кантип диаграммасын негизги сүрөтүн коюу HTML үчүн. үстөлдү ортосунда ЭЭМ HTML салып сүрөттү, кантип киргизүүгө

көрүү бөлүгү сайттар менен иштөө абдан маанилүү болуп саналат. Албетте, иштешине төмөн, бирок каттоо эсеби болушу керек менен уруш үчүн, ошондой эле болуп саналат. Кудайдын HTML элесин орнотууга сайтында компьютер кантип карап көрөлү. Бул үчүн бир мүмкүнчүлүк берилет, же бир нече? башка адамдар аны көрдүм деп сүрөттү кантип киргизүү керек? пайдалануу кандай жакшы - PC же Server?

HTML деген эмне?

Белгилөө тили гипертекстти документтер - окулушу үчүн турду. Бул сайттын тирегин пайда болгон менен, бул жерде негизги элементтерин жайгаштыруу иштеген. Ошондо маалыматтарды берүү үчүн жооптуу стилдерди жана PHP-материалдары койду. Бирок, ар бир барактын жүрөгү эле HTML болуп саналат. аны менен бирге, жол менен, сүрөтү коюлган. башка жолдору бар, бирок сүрөт тартуу катары бир жөнөкөй, биринчи буйрук берүү үчүн келсе, анын ысмын колдонгон. Эми сүрөттү киргизүүгө HTML катары суроосуна тактоо түрткү берсин.

IMG теги колдонуу

сүрөттөрдү колдонууга алынууда. HTML-документтин бир маалымат сүрөттү кантип киргизүү керек? Ал эми биринчи кезекте бет объектиси бир кошумча катары делосуна менен билдирет. Анткени бул толуктоо жана IMG колдонулат. Бул тег линия элементтеринин мазмуну displaceable жуккан. Бул Б.Корган текст белгилөө тили бардык төрт камтыйт. One - курс, бийиктиги, туурасы, алар мындан ары да каралат. Үч башка - бул объект, кыналган (медиа мазмунду киргизүү үчүн) жана кадр (өрттөнүп пайдалануу). Tag бир сап нерсеси бар болсо, болуп иштейт. бир гана айырмасы - көрсөтүлөт уруксатсыз тышкы мазмун, колдонулат. Ал эми чындыгында, жүктөлөт, делосуна катышуучусу болушу керек. Эгер сиз суроо болсо, HTML менен арткы планына сүрөт кантип кыстаруу, аны жокко чыгаруу үчүн жакшы. Анткени сүрөт жайгашкан, компүтерди өзү иштеп жаткан учурда гана көрсөтүлөт.

СИБ касиетти пайдалануу

Ошондуктан, биз көркөм бейнеси боюнча бир HTML документти киргизүүгө кандай маселени карап жатышат. СРК колдонуп, жүктөлө Сүрөттө, жолун көрсөтүү. жалпы схемасы төмөнкүдөй: Эгер бул сыпатын, бир коддон жана дарегин киргизүү үчүн колдонушубуз керек.

HTML браузерди талдоодо тег келгенде болсо, ошол замат сап пайда болот, ал бир аймакты түзөт. Бул ага жана тышкы жүктөлөт. ал аны программасы баруу үчүн бери жол, каталарды камтылууга тийиш эмес. ал билэни таба албай калса, абдан жарашыктуу жана карап эмес, ката сөлөкөтү көрүнөт. Сүрөттү кантип киргизүүгө үстөл HTML-документтин кирген? Бул туура жерде кодун каттоодон зарыл.

Server сүрөттөлүштү жөнгө салуу: теги узуну жана туурасы боюнча IMG

Ошентип, биз бир сүрөттөлүш киргизүүгө HTML кантип билебиз. Эми болсо, аны ырастап аларыбыз каралат. билэ колдонуучуга компүтерди башталат жүктөлүп кийин, ошол замат аныкталган сүрөт көлөмү болот. Ал керектүү баштапкы параметрлерин туура эмес болсо эмне? Бул учурда, параметрлер, бийиктиги, туурасы (пиксел санын) жардам берет. Бул учурда, коду төмөнкүдөй тартипте жүргүзүлөт: биринчи, СИБ жана делосуна дареги. Андан кийин ушул сыяктуу түзүлүштөр менен туурасы көрсөтүлгөн, жана туурасы болушу керек. Ал эми акыркы - бийиктик жана бийиктиги. Server чоң наада, анын өлчөмү бир нече мегабайттан болуп саналат: Webmasters көп ката кетиришет. Белгиленген жолун жана керектүү өлчөмү Сүрөттү өзгөрткөн. Натыйжада, пайдалануучу катары кыйла акырындык менен кичинекей сүрөт жүктөлгөн ой жүгүртсөк болот. Бул сырттан абдан жагымдуу карап эмес.

иш боюнча сунуштар

терс алдын ала сүрөттүн өлчөмүн азайтуу качуу үчүн. Сиз параметрлери жагымдуу көрүнүшү үчүн зарыл болгон суроолор бар болсо, көчүрмөсүн алууга, аны менен тажрыйба. Ошондой эле, сактоо салмагы башкаруу кайрыла кабыл алынышы керек. Бул башка бутактары менен кайрылуу сүрөтү материалдарын кандайдыр бир сапат жоготуу салмагы кыскартуу жок, же атайын онлайн кызматтарын жана программаларын колдонуу менен ишке ашыруу зарыл. Бул сайттын колдонуучулары үчүн гана эмес, туура эмес, бирок ошондой эле Webmaster Бул - мындай делолору тез жүктөлгөн жана жайгаштыруу боюнча аз жерди ээлейт болот, себеби.

Мисал жазуу мүмкүнчүлүктөрү

Сиз бурканга жолго коюуга кантип карап көрөлү:

1. Бир аянтчанын аты.

2. Эскертүү сүрөтү жергиликтүү ЭЭМ жайгашкан дареги (Server).

3. башка аскер боюнча берилген жерге толук жол.

Айкелдин биринчи бөлүгүнүн мисал колдонуп жатканда окшош каталогуна болушу керек. Экинчи жайгашкан учурдагы бетине subfolder салыштырмалуу болуп саналат. Үчүнчү мисал, сиз каалаган сүрөттү табуу үчүн чексиз жолу белгилейт. Акыркы учурда, сүрөт кандай жүрүш (мисалы, пайдалануу .htaccess делосуна тыюу салынбаган болсо) болушу мүмкүн деп белгилешет. Бирок, эгерде ал алынып жатат, жана сайтта сүрөттөлүш жоголот. HTML гана документ белгилөө катышуусун талап бир өзгөчөлүгү болуп саналат, ал эми дагы бир нерсе Server тарапта жүктөсө болот. Бул ыкмалар көбүнчө көчүрүү ылдамдыгын жогорулатуу үчүн колдонулат (бирок андан кийин бул куралды кантип колдонуу керектигин билүү керек).

ALT жана аталышы дайындоо IMG үчүн?

кандай себептерден улам бир сүрөттөлүш билэ, Документти көрүү HTML жүктөлгөн эмес, болгондо эмне кылышы керек? ал жолго же башка бир нерсе туура эмес болсо, анда камтылган атрибуттуу колдонулушу керек. Ал башка сүрөттү берүү озуйпасы бар. Бул жерде биз сүрөттөр артып жатат деп ойлойбуз. Бирок серепчи дагы бейнеси боюнча аймакты түзөт. Ошондой эле, эгерде, колдонуучу podgruzki күтөт учурларда зарыл, жана программасын кабыл алууга даяр экенин көрсөтүшү керек.

коштоочу текст көрсөтүү үчүн, атайын бир сыпаты. Чындыгында, бул Tooltip, жана дээрлик бардык көрүнөө HTML-коду элементи үчүн колдоно алышат. Эгер кээ бир жактарын түшүндүрүүгө мүмкүндүк берет, анткени бул жакшы. Бул субтитр сыпаты көрсөтүлгөн эки колдонуу төмөнкүчө чагылдырууга болот: биринчи, бийиктиги Alt нарктуу кийин, жогоруда мисалда көрсөтүлгөндөй, анан наам.

Мындан тышкары, бул касиеттердин бир гана келүүчүгө Список түзүү үчүн кызмат кыла албайт. Алар сайттын илгерилетүү боюнча жакшы таасир тийгизиши мүмкүн. Демек, бул сөздөр алардын пайдалануу алышы керек. Бул турган рангдоолорун жакшыртууга сайттары жана кызматтары, сүрөттөр издөө системалары көрсөтүү рейтингинин башында ресурсу. Бирок, бардык сак жана акылды болушу керек.

сүрөттөрдү тегиздөө

Сүрөттөрдү, ал эми буга чейин айтылып белгилөө тили элементтердин жалпы 4-жылы, тегиздөө сыпаты менен киргизилген. Анын жардамы менен, сиз сүрөт жайгашкан өзгөртө аласыз. Алыдын ала, ал төмөнкү четине ашууда. Анткени ал төмөн турат. Анан кантип үстү жагында эмне? Бул жогорку талап кылат. Иш жүзүндө, бул мындай болот: айкелдин дареги көрсөтөт СИБ, кийин, тегиздөө касиетти жана анын наркын.

Ал эми сүрөттү бар сызык менен, ал жогорку менен шайкеш болот. Кантип борборунда сүрөтүн коюу керек? үчүн дагы бир мүмкүнчүлүк бар жаз - орто. түп-тамырынан бери эч нерсе өзгөргөн жок, аны колдонууда. Мындай коду үлгү колдонууда ортосунда шайкеш болот. Ошондой эле, айкелдин тегерегинде текстти ороо үчүн эмне кылсак болот. Бул үчүн, оң жана сол сыпаттары колдонулат. бир "калкып" болуп калат Мындай учурларда сүрөт. солго ордун башка жазуунун эле окшойт. укук колдонуу сүрөт укугу коюлат айырма менен ушундай натыйжа берет. Бул көрсөтмөлөрдү колдонуу өзүнүн нюанстары бар. Ошентип, бир топ көйгөй картинка тексттин өтө жакын жакындык болуп саналат. Мына ушул көз менен эмес, жаман дос таасир жараткан. Бирок, бул стилдердин каскад баракты же HTML-коду пайдалануу менен өзгөртүшү мүмкүн. Мындай өзгөртүүлөр vspace жана hspace сыпаты колдонуу. укук жана сол - биринчи билмейинче, үстүнөн жана алдынан, экинчи белгилейт.

Биз билим кылып жатышат

HTML-бет сайтында сүрөттү кантип киргизүү керек? Бул максатка жетүү үчүн абдан пайдалуу билим аныктоо болуп саналат. Ал дене мүчөсүнүн курамдык бөлүгү болуп саналат. Анын максаты - бет, үстөл же жалгыз бир клеткасын да толтуруу керек Image File, жолун көрсөткөн. Иш жүзүндө, пайдалануу болуп төмөнкүлөр саналат: сүрөтү дареги тизмелерине бир балл bodybackground параметри бар. чөйрө, мисалы, жогорку сол бурчунда баштап предметине .Мис, балта менен бирге бир нече жолу жол менен белгиленет. Мурунку док жерде ээрчип бара жатты. Сиз Сүрөттү колдонуп, бир түс сыяктуу жөнөкөй бир нерсени толтуруу үчүн керек болсо, бул кыскача сыпаттама колдоно аласыз: масштабдуу саны орган bgcolor үчүн параметри мүнөздүү болуп саналат. Бул жерде кичинекей өзгөрүүлөр бар эле. Көрүнүп тургандай, бул пайдалануу bgcolor атрибуту мурунтан эле. бир гана анын бир бетине же анын бир бөлүгү менен толот кандай түс көрсөтүү талап кылынат, анткени. Бул жерде маалымат үчүн, ЭЭМ HTML салып сүрөттү киргизүүгө жана түсүн кызылга алмаштыруу керек. Жалпысынан алганда, толук үйрөнүш үчүн, жетиштүү убакыт аны бир жума берип, бул жетиштүү эмес.

жыйынтыктоо

сайтты түзүүдө HTML, ал толук кандуу программалоо тили деп айта албайт да, бирок, абдан маанилүү. Ал чыныгы сөөк болуп саналат. Биз тек жана белгиленген сүрөттөр менен иштөө, сен да билип азыр, ишеним менен, жана шилтеме аларды тиркей аласыз. Ошентип, HTML менен сүрөттү киргизүүгө кантип пайда болгон деген суроого жооп ачык-айкын болушу керек.