КАТЕГОРИИ:


Астрономия- (809) Биология- (7483) Биотехнологии- (1457) Военное дело- (14632) Высокие технологии- (1363) География- (913) Геология- (1438) Государство- (451) Демография- (1065) Дом- (47672) Журналистика и СМИ- (912) Изобретательство- (14524) Иностранные языки- (4268) Информатика- (17799) Искусство- (1338) История- (13644) Компьютеры- (11121) Косметика- (55) Кулинария- (373) Культура- (8427) Лингвистика- (374) Литература- (1642) Маркетинг- (23702) Математика- (16968) Машиностроение- (1700) Медицина- (12668) Менеджмент- (24684) Механика- (15423) Науковедение- (506) Образование- (11852) Охрана труда- (3308) Педагогика- (5571) П Arhitektura- (3434) Astronomiya- (809) Biologiya- (7483) Biotehnologii- (1457) Военно дело (14632) Висока технологиите (1363) Geografiya- (913) Geologiya- (1438) на държавата (451) Demografiya- ( 1065) Къщи- (47672) журналистика и SMI- (912) Izobretatelstvo- (14524) на външните >(4268) Informatika- (17799) Iskusstvo- (1338) История- (13644) Компютри- (11121) Kosmetika- (55) Kulinariya- (373) култура (8427) Lingvistika- (374) Literatura- (1642) маркетинг-(23,702) Matematika- (16,968) инженерно (1700) медицина-(12,668) Management- (24,684) Mehanika- (15423) Naukovedenie- (506) образование-(11,852) защита truda- (3308) Pedagogika- (5571) п Политика- (7869) Право- (5454) Приборостроение- (1369) Программирование- (2801) Производство- (97182) Промышленность- (8706) Психология- (18388) Религия- (3217) Связь- (10668) Сельское хозяйство- (299) Социология- (6455) Спорт- (42831) Строительство- (4793) Торговля- (5050) Транспорт- (2929) Туризм- (1568) Физика- (3942) Философия- (17015) Финансы- (26596) Химия- (22929) Экология- (12095) Экономика- (9961) Электроника- (8441) Электротехника- (4623) Энергетика- (12629) Юриспруденция- (1492) Ядерная техника- (1748) oligrafiya- (1312) Politika- (7869) Лево- (5454) Priborostroenie- (1369) Programmirovanie- (2801) производствено (97182) от промишлеността (8706) Psihologiya- (18,388) Religiya- (3217) с комуникацията (10668) Agriculture- (299) Sotsiologiya- (6455) спортно-(42,831) Изграждане, (4793) Torgovlya- (5050) превозът (2929) Turizm- (1568) физик (3942) Filosofiya- (17015) Finansy- (26596 ) химия (22929) Ekologiya- (12095) Ekonomika- (9961) Telephones- (8441) Elektrotehnika- (4623) Мощност инженерно (12629) Yurisprudentsiya- (1492) ядрена technics- (1748)

11-ти етап




Учебник по Html за манекени. Протозои.

Така че, ние се запитахме как да се направи целия текст се намира в непосредствена близост до снимката, а не само един на неговата линия. Това е много проста. Нека да припомним подравняване атрибут, който е отговорен за привеждане в съответствие. Атрибутът подравняване е и снимки:

<Img SRC = "pr1.png" приведе = "наляво">

Това означава, че картината ще бъде плътно до левия край на екрана, а текстът ще тече около него в дясно. За да направите обратното (на снимката в дясно, текст в ляво), е необходимо да се определи правото:

<Img SRC = "pr1.png" приведе = "надясно">

Но това не е всичко: текстът може да бъде поставен в долната част на изображението (по подразбиране) - (1) в средата - (2), и най-отгоре - (3):

(1) - <IMG SRC = "pr1.png" приведе = "дъното">
(2) - <IMG SRC = "pr1.png" приведе = "среден">
(3) - <IMG SRC = "pr1.png" приведе = "отгоре">


В допълнение към подравняване атрибут за <IMG> тага, можете да въведете няколко атрибута:

(1) - <IMG SRC = "pr1.png" vspace = "10">
(2) - <IMG SRC = "pr1.png" hspace = "30">
(3) - <IMG SRC = "pr1.png" ALT = "моя снимка">
(4) - <IMG SRC = "pr1.png" широчина = "100">
(5) - <IMG SRC = "pr1.png" височина = "200">
(6) - <IMG SRC = "pr1.png" граничен = "5">


Сега следват обяснения за предмети.

(1) - vspace атрибут - задава разстоянието между текста и тираж (вертикално). Разстоянието е даден в пиксели. Pixel - малката градивна единица на мястото на изображението. Например, резолюция 800x600 екран - 800 от 600 пиксела. В нашия пример, разстоянието е 10 пиксела.

(2) - hspace атрибут - също определя разстоянието между текста и чертежа, но хоризонтално. Разстоянието е даден в пиксели. В този пример е равен на 30 пиксела (точки).

(3) - ALT атрибут - кратко описание на изображението. Ако задържите курсора на мишката върху снимката, и така го задръжте (над) за няколко секунди, изображението ще се появи описание. В нашия случай това е фразата - "моята картина". Ако ALT не попитам, няма да се опише. Но умните хора казват, че описанието на снимките трябва да се настрои (особено ако е бутон), тъй като има специални хора, които сърфират в интернет с графиките изключени. Без н те няма да се вижда в това, че пресата (ако картината е връзка или бутон в менюто), тъй като картината не се показва, а когато даден н, можете да видите надпис, който е картина.

(4) атрибут широчина - ширината на изображението (в пиксели). Ако ширината не е изрично определен, по подразбиране, той ще бъде равна на действителната ширина на изображението (и можете да го направите или по-тясна или по-широка).



(5) - признак на височина - височината на изображението (също в пиксели). Точно както в случая на височината на ширина (височина), както и снимки не могат да се обърнат. Въпреки това, същите интелигентни хора казват, че размерът на снимките трябва да се настрои за същите специални хора с увреждания графики ...

(6) - границата атрибут - рамката около изображението (в пиксели). Вие не можете да питате. Въпреки това, по подразбиране, рамката около картината е винаги там. А ако искате да го премахнете, след това изложи на граничния атрибут към нула.

Тъй като ние не забравяйте, атрибутите на един маркер може да се използват в комбинация с друг, за да се избегне объркване ясно показват на страницата ни. Въвеждаме следните атрибути за нашия имидж:

<Img SRC = "pr1.png" приведе = "ляво" hspace = "30" vspace = "5" ALT = "моя снимка">

Нашата представа е плътно до левия край на екрана, текстът ще се влеят около него в дясно, а разстоянието до текста хоризонтално - 30 пиксела вертикално - 5 пиксела (толкова красиво всички изглеждаха), както и ако задържите изображението на курсора, тя ще скочи надпис - "моя снимка".

<Html> <глава> <заглавие> Моята първа стъпка </ заглавие> </ глава> <текст тялото = "# 336699" BGCOLOR = "# 000000"> <DIV подравняване = "център"> <H3> Здравейте, това е моят на първата страница. </ H3> <br> <цвят на шрифта = "# cC0000"> Добре дошли! </ шрифта> :) </ DIV> <р подравняване = "оправдават"> <IMG SRC = "primtocodephoto.gif" приведе = "ляво" HSPACE = 30 VSPACE = 5 н = "моя снимка"> аз наскоро започнах да (а) да се запознаят с виртуалния живот, но аз бях на една дълга традиция, също иска да създаде страница за моите нови онлайн приятели и познати, че те Можете да видите мои снимки, прочетете за мен, пуснете няколко реда в моя книга за гости. <br> <br> А може би просто случаен посетител изведнъж иска да се срещне с мен, и аз ще бъда <б> друг виртуален приятел? :) </ б> <br> <br> На снимката (а) и. качество на изображението не е много добър, за съжаление, така че не е ясно, и да видим характеристиките на лицето ми малко проблематични. Но като цяло, забележите, че аз съм доста лични :) <br> <br> Ако мислим така, то нека е някак vstretimcya, чат, на чаша чай в popem на кафе? :) Кой знае, може би ще се превърне в реалния живот приятели :) </ P> </ тяло> </ HTML> (Преглед)

Съветвам ви, преди да преминете, popodstavlyat и други атрибути и ценности в нашия пример: изберете различна стойност в пиксели за атрибутите, и т.н. - това ще ви помогне по-добре да се научат урока, все още е голям въпрос, и не е толкова просто :)

Тук можем да научите как да поставите текст по отношение на образа (+ още няколко съответните атрибути), но не ни се казва как да се организира самата картина в центъра на екрана (дясно, ляво). Тук всичко е много просто, мисля за точки (<P> </ P>) или други маркери за подравняването на текста, ние говорим за, защото те са не само текстът се подравнява (вж. Нашата например нашия имидж, се съдържа в раздела, както и текст) ,

О, щях да забравя да кажа, че изображението може да бъде съпътстващ документ. Това е безобразие, предписано в тялото на отваряне етикет:

<Тяло текст = "# 336699" BGCOLOR = "# 000000" фон = "vash_fon.jpg">

Умение фон показва къде е фоновото изображение, в нашия пример, той посочва факта, че нашата фоново изображение е в същата директория (папка), че нашите документи.

Но защо напусне BGCOLOR атрибут, ако е налице фон? И изведнъж, фоновото изображение не може да се стартира (представете си, това може да бъде), а след това осъзнавам защо за себе си.

Ако имате достатъчно, за да си играе с параметрите на снимките, ние ще продължим нашето обучение.