Как работает веб-страница

Без HTML - не было бы и WWW...

Как работает веб-страница

Ссылки на другие сайты

Одной из лучших возможностей у Веб-страниц является возможность создания ссылки для другие Веб-страницы. С помощью следующего тега можно ссылаться на чужие документы, на другие страницы, которые вам нравятся, и т.д.:

<a href="URL">

Нужно ввести заголовок страницы после тега ссылки и закрыть тегом: </a>

Пример:

<a href="http://www.qriosity.ru"> Qriosity </a>

Вот как это будет выглядеть на вашей странице:

Qriosity

Вы можете также объединять маркированные списки со ссылками для создания списка ссылок.

Новые окна для ссылок

Если вы не хотите, чтобы посетители покидали Вашу страницу при нажатии на одну из Ваших ссылок на другой сайт, нужно добавить тег

target="_blank"

в тег ссылки. При нажатии на ссылку, вместо того, чтобы увести пользователей с вашего сайта на какой-то другой, будет просто открыто новое, пустое окно для отображения другого сайта:

Пример:

<a href="http://www.qriosity.ru" target="_blank">

Цвет ссылок

Синий — это стандартный цвет ссылок. Но вы можете изменить цветовую информацию о ссылках на вашей странице, вставив эти теги в теге <body>:

link="цвет"
vlink="цвет"

Vlink расшифровывается как «посещенная ссылка». Ссылки меняют цвет, когда на них уже побывали. Если вы не хотите, чтобы посещенные ссылки изменяли цвет, просто установите атрибут одного цвета у link и vlink.

Пример: <body link="green" vlink="green">

 

Ссылки для получения электронной почты

Если вы хотите получать электронную почту от людей, которые читают ваши страницы, используйте следующий тег:

<a href="mailto:ваш электронный адрес">

Затем введите Ваш e-mail адрес (или любой текст ссылки, который вы хотели бы показали на вашей странице) после тега.

Закрыть строку: </a>

Пример:

<a href="mailto:example@qriosity.ru"> Пишите на E-mail </a>

Вот как это будет выглядеть на вашей странице:

Пишите на E-mail

Создание ссылок на свои страницы

Теги якоря применяются для ссылки к информации, находящейся в пределах Вашего собственного сайта. В этом случае можно не указывать префикс http://www и просто указывать html-имя файла:

Пример: <a href="company.htm"> Данные о компании </a>

Естественно, в этом простейшем примере некая статическая страница company.htm находится в той же самой папке, что и страница, которая ссылается на нее. В противном случае – придется указать полный путь к файлу.

Для того, чтобы связать конкретные части на Вашей странице, Вам нужно будет задать любое имя тому разделу, на который Вы хотите сослаться, и включить это имя в тег :

<a name="имя">

Например, расположите в любом месте своего экспериментального файла first.html тег:

<a name="5"> Данные о Компании

В теге ссылки, по которой Вы затем обратитесь к этой части своей страницы, поставьте «#» перед именем этого раздела.

<a href="first.html#5"> Данные о Компании </a>

В результате, браузер переместится на начало указанного ссылкой раздела.

Таким же образом можно сослаться на любой раздел любой страницы своего сайта.

 

Добавление изображений и графики

Любое цифровое изображение на странице можно разместить с помощью следующих тегов:

<img src="имя картинки">

Изображения на Веб-страницах могут быть в любых цифровых форматах, но лучше, если это будут GIF, JPG или PNG файлы.

Обязательно введите название изображения в тексте HTML точно так же,  как Вы загрузили его на сервер. Имена файлов чувствительны к регистру.

Выравнивание

По умолчанию, Ваш текст и изображения выводятся с выравниванием по левому краю при отображении в браузере, что означает, что текст и графика автоматически подравняются по левому краю. Если Вы хотите поместить в центр любую часть вашей страницы, Вы можете использовать следующие теги:

<center> … </center>

С помощью аналогичных тегов Вы можете выровнять текст как угодно: <right>, <left>, <center>, <justify>

Если нужно выровнять по центру весь раздел:

<div align="center"> … </div>

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Оставить комментарий

Ваш email не будет опубликован.

*


six + four =


Поиск Google

(function() { var cx = '013762819107762716451:zn5azro-xtc'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })();

Мы Вконтакте

Top
Follow

Get every new post delivered to your Inbox

Join other followers