Пример 1
|
1 |
<a href="index.html" target="_blank">Главная страница сайта</a> |
Ссылку создаёт HTML элемент “a”. Обязательный атрибут “href” задаёт адрес открываемой веб-страницы при нажатии на ссылку. Атрибут “target” указывает название окна, в котором открывается веб-страница. Если этого атрибута нет, то веб-страница открывается в текущем окне. Если значение этого атрибута – “_blank”, то веб-страница открывается в новом окне.
Пример 2
|
1 |
<a href="flowers.html"><img src="images/flowers.jpg"></a> |
HTML элемент ссылки включает элемент изображения. При нажатии на изображение с адресом “images/flowers.jpg” происходит переход на веб-страницу с адресом “flowers.html”.
Пример 3
|
1 2 3 4 5 6 7 8 9 |
<map name="shapes"> <area shape="rect" coords="0,0,100,100" href="rect.html" alt="Прямоугольник"> <area shape="circle" coords="150,50,50" href="circle.html" alt="Круг"> <area shape="poly" coords="250,0,200,100,300,100" href="poly.html" alt="Треугольник"> </map> <img src="images/shapes.jpg" usemap="#shapes"> |
HTML элемент “map” создаёт области с ссылками на веб-страницы у изображения, которое создаётся элементом “img”. HTML элемент “map” имеет атрибут “name”, который задаёт название этого элемента, на который ссылается связанный с ним элемент “img” через атрибут “usemap”.
HTML элемент “area” определяет область с ссылкой у изображения. Атрибут “shape” задаёт фигуру, в виде которой определяется область. Атрибут “coords” определяет координаты X, Y и возможно радиус R этой фигуры. Координаты отсчитываются от левого верхнего угла изображения до правого нижнего. В левом верхнем углу координаты (0, 0). В начале идёт горизонтальная координата X, потом вертикальная Y.
| Фигура | Атрибут “shape” | Атрибут “coords” |
|---|---|---|
| Прямоугольник | rect | X1,Y1,X2,Y2 |
| Круг | circle | X,Y,R |
| Многоугольник | poly | X1,Y1,X2,Y2…Xn,Yn |
У многоугольника должно быть не менее 3 вершин.
Атрибут “href” задаёт адрес ссылки, а атрибут “alt” – название ссылки.
