Главная страница | Новости | Заказать сайт | Наши работы | Технология | Наши услуги | Отзывы





Это надо знать:

Урок 8: Ссылки

Учебник HTML Нет комментариев »

В этом уроке вы научитесь создавать ссылки — переходы с одной страницы на другую.

Что необходимо для создания ссылки?

Для создания ссылки вы используете то же, что и всегда при кодировании HTML: тэг. Простой тэг с одним элементом и одним атрибутом — и вы можете перейти куда угодно. Вот пример того, как может выглядеть ссылка на HTML.net:

Пример 1:

Это ссылка на HTML.net

будет выглядеть в браузере:

Это ссылка на HTML.net

Элемент a обозначает «якорь/anchor». Атрибут hrefэто сокращение от «hypertext reference/гипертекстовая ссылка», специфицирующий место, на которое выполняется переход по данной ссылке — обычно это internet-адрес и/или имя файла.

В примере атрибут href имеет значение «http://www.html.net», которое является полным адресом HTML.net и называется URL (Uniform Resource Locator/универсальный локатор ресурса). Обратите внимание, что»http://» всегда должно входить в состав URLов. Слова «Это ссылка на HTML.net» это текст, который показывается в браузере как ссылка. Не забудьте закрыть тэг .

Как насчёт ссылок между моими собственными страницами?

Если вы делаете ссылки между страницами на одном web-сайте, то не нужно указывать полный адрес (URL) документа. Например, если у вас две страницы (назовём их page1.htm и page2.htm), сохранённые в одной папке, вы можете сделать ссылку с одной страницы на другую, просто напечатав имя файла в ссылке. То есть ссылка с page1.htm на page2.htm будет выглядеть так:

Пример 2:

Щёлкните здесь для перехода на page 2

Если page 2 помещена в подпапку «subfolder», ссылка выглядит так:

Пример 3:

Щёлкните здесь для перехода на page 2

В обратную сторону ссылка со страницы page 2 (в подпапке subfolder) на page 1 будет такой:

Пример 4:

Ссылка на page 1

Сочетание «../» указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка. Следуя этой логике, вы можете также указать на два уровня выше «../../» или более.

Разобрались? Альтернативно вы всегда можете указать полный адрес файла (URL).

А ссылки внутри страницы?

Вы можете также создавать ссылки-переходы внутри самой страницы — например, оглавление со ссылками на главы. Всё, что вам необходимо, — использовать атрибут id и символ «#».

Используйте атрибут id для маркировки элемента, на который вы хотите сделать переход. Например:

heading 1

Теперь можно создать ссылку на этот элемент с помощью знака «#» в атрибуте ссылки. Знак «#» сообщает браузеру, что это переход на той же самой странице. После «#» должен следовать id тэга, на который выполняется переход. Например:

Ссылка на heading 1

Всё станет понятнее на примере:

Пример 5:


Ссылка на heading 1

Ссылка на heading 2

heading 1

Text text text text

heading 2

Text text text text

выглядит в браузере (щёлкните по ссылкам):

Ссылка на heading 1

Ссылка на heading 2

Heading 1

Text text text text

Heading 2

Text text text text

(Примечание: атрибут id должен начинаться с буквы)

Могу я перейти ещё куда-нибудь?

Вы можете также сделать ссылку на e-mail адрес почти так же, как в ссылке на документ:

Пример 6:

Ссылка на Отправить e-mail nobody на HTML.net

будет в браузере:

Отправить e-mail nobody на HTML.net

Единственное отличие в ссылках на e-mail и на файл состоит в том, что, вместо адреса документа, вы записываете mailto: с последующим адресом электронной почты/e-mail. При щелчке по ссылке открывается программа по умолчанию для работы с электронной почтой с адресом, уже записанным в строке адреса. Обратите внимание, что эта функция будет работать только в том случае, если e-mail программа установлена на вашем компьютере. Попробуйте!

Есть ещё какие-нибудь другие атрибуты, которые мне нужно знать?

Для создания ссылки вы обязательно должны использовать атрибут href. Кроме того, в ссылку можно поместить title:

Пример 7:

HTML.net

будет выглядеть в браузере:

HTML.net

Атрибут title используется для краткого описания ссылки. Если вы — не щёлкая мышью — поместите её указатель над ссылкой, вы увидите, как появится текст «Посещайте HTML.net и изучайте HTML».

Урок 3: Что такое HTML-тэги?

Учебник HTML Нет комментариев »

Теперь вы готовы начать изучение HTML-тэгов.

«Тэги»?

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

Все тэги имеют одинаковый формат: они начинаются знаком «<" и заканчиваются знаком sign ">«.

Обычно имеются два тэга — открывающий: и закрывающий: . Различие в том, что в закрывающем имеется слэш «/».

Всё содержимое, помещённое между открывающим и закрывающим тэгами, является содержимым тэга.

Н, как говорится, из каждого правила есть исключения, и в HTML также имеются тэги, которые являются и открывающими, и закрывающими. Эти тэги не содержат текста, а являются метками, например, перенос строки выглядит так:
.

HTML — это тэги, и ничего кроме тэгов. Для изучения HTML нужно изучить различные тэги.

Можете вы привести какие-нибудь примеры?

Okay, тэг информирует браузер, что весь текст между и должен быть напечатан жирным шрифтом. («b» это сокращение для «bold».)

Пример 1:

This text must be bold.

будет выглядеть при просмотре в браузере:

This text must be bold.

Тэги

,

,

,

,

и
указывают браузеру создавать заголовки (h для «heading»), где

это заголовок первого уровня — самый крупный шрифт,

- заголовок второго уровня — шрифт меньшего размера, и

— заголовок шестого уровня — самого низкого в этой иерархии, и самый маленький шрифт.

Пример 2:

Это заголовок

Это подзаголовок

будет выглядеть в браузере:

Это заголовок

Это подзаголовок

В каком регистре должны вводиться буквы тэгов?

Большинству браузеров безразлично, в каком регистре введены буквы тэгов. , или обычно даёт одинаковый результат. Однако корректным будет нижний регистр. Поэтому привыкайте печатать тэги в нижнем регистре.

Где размещать все эти тэги?

Вы печатаете ваши тэги в HTML-документе. На web-сайте имеется один или более HTML-документов. Когда вы бродите по Web, вы открываете различные HTML-документы.

Если вы перейдёте к следующему уроку, то уже через 10 минут сможете создать свой первый web-сайт.



Рейтинг и счетчики


Регистрация доменов



Важная информация: