Студопедия

Главная страница Случайная страница

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






HTML-құжатқа суреттер қосу






HTML-қ ұ жат ішіне сурет енгізу оң ай. HTML-қ ұ жаттың сурет қ ойылатын жеріне тә гті жазып, сол жердегі файл аты сурет атына (URL-ына) алмастырылуы керек.

< ІMG SRC=”файл аты”> нақ ты файл ү шін < ІMG SRC=”dog1, gif”>

Бұ л жердегі SRC міндетті тү рде жазылатын атрибут. Оның мә ні ретінде суретке баратын жол мен файл аты кө рсетіледі. Егер файл осы бумада болса, жол кө рсетіл­мейді. Сурет ү шін GІF, JPEG немесе PNG форматты файлдар қ олданылады.

Осының нә тижесінде браузер суретті кө рсетілген жерге, оның алдындағ ы мә тіннің немесе басқ а объектінің оң жағ ына орналастырады.

Тө мендегі мысалғ а назар аударың ыз. Бұ л мысалда бір сурет ү ш рет кө рсетіледі. Ү ш ретте де сурет жолда кө рсетіледі, сондық тан браузер оны алдындағ ы мә тіннің оң жағ ына орналастырады.

 

< HTML> < HEAD> < TITLE> ІMG тә гін қ олдану< /TITLE> < /HEAD>

< BODY>

< P> < IMG SRC=" kz.jpg" > Бұ л мә тін суреттен кейін орналасады.

< P> Бұ л мә тін < IMG SRC=" kz.jpg" > суретпен бө лінген.

< P> Мұ нда сурет мә тіннен кейін пайда болады. < IMG SRC=" kz.jpg" >

< /BODY>

< /HTML>

Суреті маң ындағ ы мә тінді жол шеттері мен суретке байланысты туралау ALІGN атрибутының кө мегі­мен жү зеге асырылады. Келісім бойынша, мә тін суреттің тө менгі жағ ына орналасады. Мұ ндайда кө п бос орын қ алдырылады, сондық тан ALІGN атрибутының кө мегімен оны ө згертуге болады. Келесі кестеде оның мү мкін мә ндері мен тигізетін ә сері кө рсетілген.

Мә ні сипаттамасы
Alіgn=TOP Alіgn=MІDDLE Alіgn=BOTTOM Alіgn=left   Alіgn=rіght Мә тін суреттің жоғ арғ ы жағ ына орналасады. Мә тін суреттің ортасына орналасады. Мә тін суреттің тө менгі жағ ында тұ рады. Суретті сол жақ шетке туралау, мә тін оның оң жағ ында орналасады. Суретті оң жақ шетке туралау. Мә тін суреттің сол жағ ында орналасады.

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

< HTML> < HEAD> < TITLE> ІMG тә гінде ALІGN атрибутын қ олдану < /TITLE>

< /HEAD>

< BODY> < P> < IMG SRC=dog.jpg ALIGN=TOP>

Бұ л мә тін суреттің жоғ арғ ы жағ ында орналасады.

< P> < IMG SRC=dog.jpg ALIGN=MIDDLE>

Бұ л мә тін суреттің ортасында орналасады.

< P> < IMG SRC=dog.jpg ALIGN=BOTTOM>

Бұ л мә тін суреттің тө менгі жағ ында тұ рады.

< /BODY>

< /HTML>

 

Келесі мысалда мә тіннің суретпен қ атар орналасу варианттары кө рсетілген.

< HTML> < HEAD> < TITLE> ІMG тә гінде ALІGN атрибутын қ олдану < /TITLE>

< /HEAD>

< BODY>

< P> < IMG SRC=dog.jpg ALIGN=LEFT>

Бұ л мә тін суреттің оң жағ ында жә не одан тө мен орналасады.

< P> < IMG SRC=dog.jpg ALIGN=MIDDLE>

Бұ л мә тін суреттің ортасында орналасады.

< P> < IMG SRC=dog.jpg ALIGN=RІGHT>

Бұ л мә тін суреттің сол жағ ында жә не одан тө мен орналасады.

< /BODY>

< /HTML>


Поделиться с друзьями:

mylektsii.su - Мои Лекции - 2015-2024 год. (0.007 сек.)Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав Пожаловаться на материал