В прошлых двух статьях мы научились создавать html страничку и раскрашивать её.
В этой статье мы научимся связывать страницы сайта с помощью ссылок и вставлять картинки.
На любом сайте глобальной сети можно увидеть множество картинок, от самых маленьких до огромных. Картинки придают сайту выразительность и наглядность.
Как же нам поместить картинку на наш сайт?
Для этого существует специальный непарный тег <img src="my.jpg"> , где my.jpg - это название изображения.
Рассмотрим действие этого тега на примере:
Создаем новую папочку, помещаем в неё изображение, которое мы хотим вставить на нашу web страничку, и создаем там же html документ с текстом :
<html>
<body>
<img src="my.jpg">
</body>
</html>
Вставлять можно изображения, не только находящиеся на вашем компьютере, но и изображения из сети интернет. Для этого можно воспользоваться конструкцией вида:
<img src="/1/123.jpg">
Где /1/123.jpg - адрес картинки.
Вот мы и научились вставлять картинки =)
Красивая страничка с картинками, это конечно хорошо, но без ссылок от нее будет очень мало пользы, ведь с нее нельзя будет перейти на другие страницы вашего сайта.
Для того чтобы связать страницы вашего сайта необходимо размещать на них ссылки. Как это делать рассмотрим на примере:
Создадим в папочке два html документа: 1.html и 2.html. В документ 1.html запишем текст вида:
<html>
<body>
<a href=”2.html”>Идем на страничку номер два</a>
</body>
</html>
Открыв страничку номер 1 мы увидим в ней обычную надпись: «Идем на страничку номер два», но обычной она выглядит только на первый взгляд, если мы нажмем на нее левой кнопкой мыши, то окажемся на странице номер два.
Используя ссылки, можно связать все страницы своего сайта. На одной странице можно размещать несколько ссылок.
Вот, собственно говоря, и все. Прочитав эти три статьи, вы сможете создать себе свой собственный простенький сайт (домашнюю страничку). Возможно, с первой попытки у вас это не получится, или получится коряво и некрасиво. Главное не оставлять попыток и у вас обязательно все получится.
Ну а для тех, кто хочет еще лучше овладеть языком html, есть последняя статья из этого цикла.
uogyrt специально для Nuikak.ru
|
Программы
