× Сабақтар Хабарландыру тақтасы Кіру Қазақша-ағылшынша сөздік Ағылшынша-қазақша сөздік Пәндер Тіркелу

HTML сурет қосу

HTML сурет қосу үшін арнайы img тегі бар.

Суреті жоқ сайт, сәні жоқ сайт!

Осы сабақта біз сайтқа суретті орнату үшін колданылатың html-дің img тэгің қарастырамыз.

Бір папқаға index.html документің және бір суретті салыныз:

Мысалы мен suret папкама index.html документің және jetisu.jpeg суретің салдым. Енді index.html документіне мына кодты еңгізініз:

 

Осы index.html документің браузерде ашсақ, біздің сайтымызда сурет пайда болады:

Осы жолмен біз сайтқа суреттерді қоса аламыз.

img тэгінің синтаксисі

<img src='суреттің аты' width='200' height='100' alt='Суреттің қысқаша сипаттамасы' title='Суреттің тайтлы' />

Width мен height сайтқа суреттің өлшемдерің басқару үшін қажет, ал alt пен title суреттің қысқаша сипаттамасың беру үшін қолданылады (көзі көрмейтін адамдар суреттің орнына осы тексті, арнайы браузерлердің көмегімен оқиды).

HTML сурет қосу қосу үшін арнайы бағдарламалар бар, бұлар CMS-тер деп аталады. Осы құралдардың көмегімен сайтқа жеңіл жолмен суреттерді жүктеуге болады.

Пән: Бағдарламау