Учебник HTML - изображение
Ние вече сме научили от вас как да създадете текстов връзки и в този урок, можете да научите как да се създават връзки - имидж. Като цяло, тези препратки се използват в уеб дизайн за създаване на различни бутони за навигация, но, разбира се, те могат да се използват навсякъде, а по-скоро, когато е необходимо.
Как да направите, за да HTML връзки - изображение?
Знаеш ли, може би това ще бъде един от най-лесните уроците. Защото, за да се направи изображението връзка трябва да бъде в тага място таг . All.
Пример за създаване на връзки - изображения в HTML
Резултатът в браузъра
Как да махнете рамката около изображението - връзката?
Някои подразбиране браузъри съставят около изображения - връзки малка кутийка, цветът съвпада с цвета на обичайните позоваванията на HTML-страницата. В примера по-горе, можете да ги по някакъв начин, което виждате, тъй като аз се отстраняват на рамката на страницата. Но тъй като това е за външния вид, можете да видите:
Дисплей рамки около изображения.
Не Съгласен съм приятна гледка. В старата HTML тага в е имало специален атрибут на границата. които биха могли да махнете рамката, но това не е нещо ново, така че отново да използваме стилове (CSS). Така че, за да се отстрани от рамката на картината по няколко начина, аз ви покажа две (ако решите да затвори някое време да отнеме до CSS, ще знаете, един от друг).
Първо. Можете да зададете в маркера атрибут стил = "граница: 0". както направихме, когато отстранява от обхвата на линиите в урока хоризонталните линии.
Но това е по-добре да се използва втория вариант, и да ги премахнете наведнъж в целия HTML-страница. За да направите това, в "заглавието" на документа (
) Поставете маркера . както направихме в урока, за да промените цвета на връзките. и напиши в него следния ред:Тук ние каже на браузъра, че всички етикети на страницата, не трябва да е рамка, а по-скоро тяхната дебелина трябва да бъде нула.
Между другото, ако в "заглавието" на страницата, която вече има