HTML-мен сурет қосыңыз

Вызшақ: Учебник по изображениям в формате HTML

Мазмұны

Басу үшін
1-дің 1 әдісі: Суреттерді HTML-мен енгізу
Кеңестер
Ескертулер

Веб-сайтыңызға немесе әлеуметтік желі профиліңізге суреттер қосу - бұл сіздің веб-сайтыңызды сәндеудің тамаша тәсілі. HTML-де (HyperText Markup Language) веб-беттерді құруға арналған көптеген функциялар бар, бірақ, бақытымызға орай, суреттерді қосу қажет код өте қиын емес.

Басу үшін

1-дің 1 әдісі: Суреттерді HTML-мен енгізу

Суретті фотобакет немесе TinyPic сияқты хостингтің ақысыз веб-сайтына жүктеңіз, бұл ыстық байланыстыруға мүмкіндік береді. Ыстық сілтеме кескінді веб-сайттың серверімен тікелей байланыстыруға мүмкіндік береді; кейбір провайдерлер бұған тыйым салды, себебі ыстық сілтеме олардың өткізу қабілеттілігін пайдаланады және олардың серверлерінде орын алады.
- Егер сізде ақылы хостинг шоты болса, суреттерді веб-сайтыңыз орналастырылған серверге тікелей жүктеңіз. Бұл әрдайым ақысыз сайтқа қарағанда сенімді және қымбат болмауы керек.
Мәтіндік редакторда жаңа құжатты ашыңыз (мысалы:, Блокнот / Блокнот) немесе HTML-кодты тікелей өзгертуге болатын веб-сайтыңыздағы / профиліңіздегі парақты ашыңыз.
Бастап бастаңыз имм тег. The имм тег бос, яғни жабылатын тег қажет емес дегенді білдіреді. Алайда, XHTML-ді тексеру үшін сіз бос орын және көлбеу сызықты оның алдына қоюға болады қарағанда үлкен қол қою.
- img />
Атрибуттар өте көп, бірақ тек біреуі қажет:src. Бұл сіздің суретіңіздің орналасқан жері / мекен-жайы немесе URL мекен-жайы.
- img src = «Суреттің URL мекенжайы» />
Келесі керек альт төлсипат қосу. Бұл сурет жүктелмей қалған жағдайда балама мәтінді көрсетеді. Бұл сонымен қатар экранды оқырмандарды қолданатын нашар көретіндерге арналған қызмет.
- Егер сіз меңзерді кескіннің үстіне апарсаңыз, онда бұл мәтін көмекші құрал ретінде де көрсетіледі, бірақ бұл Internet Explorer-де ғана болады. Барлық браузерлермен жұмыс істейтін шешім (Firefox.) т.б.) оған жатады тақырып қосымшаға қолдануға болатын атрибут альт. (Егер суретте кеңестер болғанын қаламасаңыз, соңғысын қалдыруға болады.)

Мысал ретінде:img src = «суреттің URL мекен-жайы» alt = «Кез-келген жағдайда» title = «Tooltip» />

Енді кескіннің өлшемін биіктігі және ені төлсипат, және пикселдерді немесе пайызды көрсету арқылы. Көлемді өзгерту осылайша кескіннің өлшемін емес, көріністің көлемін ғана өзгертетінін ескеріңіз. Кескіннің жүктелу уақытын қысқарту үшін, әсіресе үлкен кескіндермен олардың өлшемдерін фотосуреттерді өңдейтін бағдарламалық жасақтаманың көмегімен немесе PicResize.com сияқты онлайн-қызметтің көмегімен алдын-ала өзгерткен дұрыс.
- img src = «суреттің URL мекенжайы» alt = «Кез-келген жағдайда» title = «Tooltip» height = «50%» width = «50%» />
- img src = «суреттің URL мекенжайы» alt = «Кез-келген жағдайда» title = «Tooltip» height = «25px» width = «50px» />

Кеңестер

Бұл атрибуттардың мәні пикселмен немесе пайызбен 1-100% аралығында беріледі.
Суретті жоғары, төменгі, орта, оң, сол және т.б. сияқты әр түрлі форматтау атрибуттарын қолдана отырып, веб-парақтың кез келген жеріне орналастыруға болады.
Hspace атрибуты кескіннің сол және оң жағына көлденең кеңістік енгізу үшін, ал vspace атрибуты суреттер мен басқа объектілердің жоғарғы және төменгі бөлігінде орын алу үшін қолданылады.
Суреттермен көп айналыспаңыз. Бұл бей-берекет және кәсіби емес көрінеді.
GIF кескіндері логотиптерге немесе мультфильмдерге жарайды, бірақ бұл файл түрі көптеген түстерге ие фотосуреттер мен басқа суреттер үшін онша қолайлы емес.
- GIF кескіндері кескін үшін ең көбі 256 түстен тұратын 8 биттік түсті ғана қолдайды. Сондықтан 16 немесе 24 биттік түсті иллюстрацияны немесе фотосуретті көбейту жақсы болмайды деп күтуге болады.
- GIF кескіндері де ашықтықты қолдайды. Мөлдірліктің бір бөлігі мүмкін, яғни бір түсті мөлдір етуге болады.
- Интерактивтеуді GIF кескіндері де қолдайды, яғни сайтқа кірушілер кескіннің толық жүктелуіне дейін оның көрінісі туралы түсінік алады.
- GIF форматы анимацияны да қолдайды.
URL мекенжайында кескіннің файл форматы көрсетілгеніне көз жеткізіңіз (.webp .gif және т.б.).