, Графикалық кірістіру үшін фон суретін HTML қалай. , Ортасында компьютермен HTML кесте суретті кірістіру үшін қалай

объектілерімен жұмыс істеу кезінде көрнекі бөлігі ең маңызды бірі болып табылады. Әрине, функционалдық түспейді, сонымен қатар, ол тіркелгі болмауы тиіс бірге өшіру лақтырып. сайтында компьютер HTML суретті қалай орнату туралы әңгімелестік. Осы үшін бір мүмкіндігі көзделген, немесе бірнеше жатыр? басқа адамдар оны көрген бұл суретті кірістіру үшін HTML қалай? ДК немесе сервер - пайдалану қандай жақсы?

HTML дегеніміз не?

Markup Language гипермәтіндік құжаттар - аббревиатура үшін тұрды. ол болашақ сайттың негізін құрағандар бар, бұл жерде негізгі элементтері орналастыру жұмыс істеді. Содан кейін мәнерлер кестелерін, және деректерді беру үшін жауапты PHP-файлдарды баулы орнату. Бірақ, кез келген беттің жүрегінде ғана HTML болып табылады. Оның көмегімен, айтпақшы, сурет орнату. Басқа жолдары бар, бірақ сіз осындай өз атауын пайдалануға, сурет ретінде қарапайым нәрсе бастапқы заряд, қамтамасыз ету үшін қажет болса. Ал енді суретті кірістіру үшін HTML үшін мәселені нақтылау көшетін.

IMG тег пайдалану

графика пайдалану танысу. HTML-құжатта фон суретін кірістіру қалай? Ал, ең алдымен бет объектіге кірістіру деп файлмен білдіреді. Осы қосымша жерде үшін және IMG пайдаланылады. Бұл тег мазмұны жылжу, онда, жол элементтері болып табылады. Ол Hyper Text Markup Language барлық төрт қамтиды. One - олар одан әрі қаралатын болады, SRC, биіктігі және ені. Үш басқалары - бұл объект, ендіру (медиа мазмұнын кірістіру) және кадр кодтауы (жалын пайдалану). ол желісі элементті бар болса, сондай Tag жұмыс істейді. Айырмашылық тек қана - көрсетіледі рұқсатсыз сыртқы мазмұнды, пайдаланылады. Және бұл шын мәнінде, жүктелген болады, файлға тарап болуы керек. Сіз HTML жылы фон суретін кірістіру қалай сұрақ, бар болса, ол одан бас тарту үшін ең жақсы болып табылады. Кескін орналасқан компьютерді өзі, операциялық кезде ғана ол көрсетіледі Себебі.

бастапқы атрибутын пайдалану

Сондықтан, біз графикалық Кескінде HTML құжатты кірістіру қалай мәселесін қарастыруда. SRC пайдаланып, жүктелген керек сурет, жолды көрсету үшін. төмендегідей жалпы схемасы болып табылады: Егер тең адресті кіру және тіркелу, Бұл төлсипатты пайдалану қажет.

Бірде HTML браузерді талдау тегіне келгенде, ол дереу желісі элемент пайда болады онда аумақты жасайды. Бұл өзі және сыртқы файлды жүктеуге болады. оны бағдарламаға өту үшін, өйткені жолы, қателер болмауы тиіс. ол файлды табу емес, егер, ол өте эстетикалық және көзқарастары емес, қате белгішесін көрсетеді. суретті кірістіру үшін қалай үстел HTML-құжатқа? Ол дұрыс орынға барлық кодын тіркелу қажет.

Тег батырманың биіктігі мен ені: сервер суретті реттеу

Сондықтан біз суретті кірістіру үшін HTML қалай білемін. Енді оны қалай теңшеу қарастырайық. файл пайдаланушыға жүктелген кейін компьютерді басталады, ол дереу анықталған сурет өлшемі болады. Және ол қалаған бастапқы параметрлеріне сәйкес келмейді, егер? Бұл жағдайда, параметрлері биіктігін және енін (пиксель саны) көмектесе алады. файлдың бірінші, ҒЗО және мекен-жайы: былайша Бұл жағдайда, коды белгіленген болады. Содан кейін ұқсас құрылымдар ені көрсетілген, және қандай ені болуы тиіс. Ал соңғы - биіктігі мен биіктігі. Вебмастерге жиі қателескен: сервер, чей өлшем бірнеше мегабайт болып табылады үлкен файлдарды жүктеуге. жолын белгіленген, және қалаған өлшемге суретті реттейді. Нәтижесінде, пайдаланушы ретінде өте баяу жүгірткен болады шағын суретті жүктелген. Бұл сырттан өте тартымды көрініс емес.

жұмыс бойынша ұсыныстар

теріс аванс болдырмау үшін суреттің өлшемін азайтуға. Сіз тартымды келбет үшін қажет ететін параметрлер сенімсіз болсаңыз, онымен көшірмесін және эксперимент жасау. Сондай-ақ, сақтау салмағы басқару жақындауға қабылдануы тиіс. Ол басқа кеңейтімдерді үшін конверсия арқылы немесе арнайы онлайн қызметтер мен бағдарламаларды пайдалану арқылы сурет файлдарының кез келген сапалы жоғалту салмағы жасамастан жүзеге асыру үшін қажетті болып табылады. Мұндай файлдар тезірек салынғанын және хостинг аз орын алады болады, себебі - ол сайтында, сонымен қатар, жасаушыға пайдаланушылар үшін ғана емес, жарамды болып табылады.

Мысал жазу мүмкіндіктері

Кескіннің жолын қалай орнатуға болады қарайық:

1. Бір файл атауы.

Бір жергілікті компьютерде (сервер) орналасқан 2. Ескерту сурет мекен-жайы.

түрлі хост файлдың орынға 3. Толық жолы.

кескін бірінші абзацында үлгісін пайдаланғанда, сурет бірдей каталогта болуы керек. Екінші орналасуы ағымдағы бетке қатысты ішкі қалта болып табылады. Үшінші мысал, онда сіз келетін суретті табу үшін абсолютті жолын көрсетеді. Соңғы жағдайда, (осындай пайдалану .htaccess файлда тыйым салынбаған болса) сурет кез келген серверде болуы мүмкін екенін ескеріңіз. Алайда, егер ол жойылған, және сіздің сайтында сурет жоғалып кетеді. HTML ғана құжаттың белгілеу болуын талап ерекшелігі болып табылады, ал барлық қалғаны сервер жағында кері жүктеуге болады. Бұл әдістер жиі жүктеу жылдамдығын арттыру үшін пайдаланылады (бірақ содан кейін сіз осы құралды қалай пайдалану білу керек) көрсетіледі.

батырманың үшін ALT және атағын тағайындау?

Қандай кескін файлы, қандай да бір себептермен, құжат HTML тиелген емес? Істеу ол сіздің жолында немесе басқа нәрсе дұрыс емес болса, Alt атрибуты пайдаланылуы тиіс. Ол баламалы суретті ұсыну міндетін бар. Мұнда біз графика жүктеліп алынбаған делік. Бірақ браузер әлі бейнесі астында аймағын қалыптастырады. Бұл пайдаланушы podgruzki күтеді жағдайларда, сондай-ақ қажет, және сіз бағдарлама кестесін қабылдауға дайын екенін, оны көрсету керек.

ілеспе мәтінді, арнайы атрибут атауын көрсетуге. Шын мәнінде, бұл Tooltip, және сіз кез келген дерлік көрнекі HTML-кодын элементі үшін оны пайдалана аласыз. ол белгілі бір аспектілерін түсіндіруге мүмкіндік береді, өйткені бұл жақсы. ALT қосылады алғашқы биіктігі кейін Жоғарыда келтірілген мысалда, содан кейін атауы: осы субтитр атрибуты көрсетілгендей пайдалана отырып, екі төмендегідей болып табылады.

Сонымен қатар, осы атрибуттары қонаққа ыңғайлы жасауға бола алады ғана емес. Олар сайттың ілгерілету жөніндегі оң әсер етуі мүмкін. Сондықтан, осы кілт сөздер олардың пайдалану сақталуы тиіс. Бұл болады рейтингін жақсарту тораптар мен қызметтер суреттер іздеу жүйелерінде рейтингінде ресурс. Бірақ барлық абай және рационалдық болуы тиіс.

суреттерді туралау

кескіндер үшін және жалпы бұрын айтылған болатын Markup Language элементтердің барлық 4, Align атрибуты арқылы енгізілді. Оның көмегімен, сіз суреттерді орнын өзгертуге болады. Әдепкіде, бұл төменгі шетіне тураланады. ол төменгі орналасқан үшін. Ал жоғарғы жағында қалай істеу керектігін? Бұл жоғарғы талап етеді. Іс жүзінде, бұл көрінеді: SRC кейін, кескін мекенжайы туралау атрибут және оның мәні қосу, көрсетеді, онда.

Ал сурет бар жолда, жылы, ол жоғарғы жиегін тураланған болады. орталығында суретті кірістіру үшін HTML қалай? орта - жаза тағы бір мүмкіндігі бар. пайдаланған кезде, ол түбегейлі ештеңе өзгертпейді. мұндай коды үлгісін пайдаланған кезде ортасында тураланған болады. Сіз сондай-ақ сурет айналасында мәтінді орап үшін не істей алады. Бұл әрекетті орындау үшін, оң және сол атрибуттары қолданылады. «өзгермелі» Мұндай жағдайларда сурет айналады. солға Offset басқа Емле бірдей көрінеді. құқығын пайдалану сурет оң жақта орналастырылған болады деп айырмашылықпен ұқсас нәтиже береді. Осы нұсқауларды пайдалану өзіндік артықшылығы бар. Осылайша, айтарлықтай проблема кескінге мәтін тым жақын орналасқандығы болып табылады. ол көзге өте жағымсыз болып табылады жабысуын әсерін, құрылған Осыған байланысты. Бірақ бұл ашылмалы мәнер кестесін немесе HTML-кодты пайдалану арқылы түзетуге болады. Мұндай өзгерістер vspace және hspace атрибуттарды қолдану. Бірінші қаптауын жоғарғы және төменгі, ал екінші белгілейді - оң және сол жағында.

Біз фонды істеп жатыр

HTML-бет веб-сурет кірістіру қалай? осы жету үшін өте пайдалы фонды жатқызуға болады. Ол дене мүшесі құрамдас бөлігі болып табылады. Оның мақсаты - бетті толтыру керек сурет файлының, кестедегі немесе бір ұяшыққа жолды көрсету үшін. төмендегідей іс жүзінде, пайдалану: сурет мекенжай регистрлер мән bodybackground параметр бар. Фондық сурет сол жақ жоғарғы бұрышында бастап, үйлестіреді және Абсцисс ось бойымен қайталап осындай жолмен белгіленеді. мұнда Алдыңғы Док ерді. Егер сіз бір түсті сияқты қарапайым нәрсе толтыру қажет болса, оның орнына суретті пайдалана отырып, сіз осы қысқа сипаттамасы пайдалана аласыз: ауқымды саны орган bgcolor үшін параметр тән ретінде көрсетіледі. Мұнда шағын өзгерістер болды. Көріп отырғандарыңыздай, ол пайдалану bgcolor атрибуты бұрыннан бар. ол тек ол бір бетте немесе бөлігі толтырылған болады қандай түсті көрсету талап етіледі үшін. Міне, бұл фондық жасауға компьютермен HTML сурет кірістіру және түсін өзгерту әдісі. толық HTML, аптасына оны беруге жеткілікті уақыт үйрену, және осы жеткілікті астам мақсатында, жалпы.

қорытынды

Сайтты құру кезінде HTML, ол толыққанды бағдарламалау тілі болуы талап мүмкін емес, дегенмен, алайда, өте құнды болып табылады. Ол нағыз сүйек болып табылады. Ал біз қазір біз фонда және тіркелген бейнелермен жұмыс, және сілтемелер оларды бекітіңіз ретінде сіз, біледі, сеніммен айтуға болады. Сондықтан HTML сурет кірістіру қалай сұраққа жауап, айқын болуы тиіс.