Язык HTML
О том, как заработать деньги в интернете, создать сайт и раскрутить его

Язык HTML: универсальный способ общения пользователей интернета

Здравствуйте, уважаемые друзья! Продолжим изучение языка HTML? Который будет вам необходим при условии, что вы твердо решили заняться созданием своего вебресурса в интернете: или это должен быть сайт для заработка в интернете, или личный блог.

Даже, если вы планируете использовать для своего блога, существующие шаблоны для всех актуальных CMS движков: WordPress, DLE, Joomla и так далее. Даже в этом случае знание языка HTML вам просто необходимо, так как не всегда бывает правильно для редактирования шаблона, использовать существующие плагины.

На первом занятии мы с вами узнали основы языка HTML, какие существуют версии HTML: html4; html5. Повторяться не будем, кто пропустил это занятие, пройдите по ссылке основы языка HTML, и попробуйте создать самостоятельно, свою первую страницу в интернете.

Почему я делаю упор на практических занятиях? Дело в том, что это самый оптимальный метод изучения языка HTML для начинающих вебмастеров.

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

Из чего состоит язык разметки HTML

На первом занятии мы с вами уже разобрались в том, что языком разметки гипертекста, являются основные теги языка html. Их, по большому счету, не так уж и много. И сегодня мы  рассмотрим основные из них, которые позволят вам создать простой, типичный вебдокумент.

Следует только напомнить вам о том, что язык разметки гипертекста html позволяет делать текст, который мы видим в браузере: жирным, наклонным, перечеркнутым, цветным и структурированным. То есть именно таким, который вы сейчас и читаете у меня в блоге.

Основные теги языка HTML 

Для остроты восприятия, я прописываю теги в верхнем регистре, но из первого урока вы должны были запомнить: регистр при написании разметки web-документа роли не играет.

HEAD – этот тег является парным и именно он определяет начало и окончание заголовка вашего вебдокумента.

Плюс к этому, head выполняет функцию контейнера для тех элементов документа, которые содержат техническую информацию о документе: TITLE,BASE,STYLE,LINK,META

TITLE – тег, который является определяющим имя всего вебдокумента. Тег парный. Это имя должно затем отображаться в окне браузера. Особенностью тега title является то, что он отображается в документе всего один раз, в отличие от других тегов языка html.

BODY – парный тег. Должен встречаться в гипертексте так же, как и тег title, всего один раз. Тег body – это, по сути то, что мы с вами читаем и видим в вебдокументе: тело документа ( текст, изображения, таблицы и т.д.). То есть все элементы языка html документа заключабтся между открывющим и закрывающим тегами body.

BASE URL – Тег позволяющий указывать вебадрес (url) текущего документа. Этот элемент языка html не имеет закрывающего тега.

Создаём гиперссылки при помощи html

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

Гиперссылка в html – документе, как правило выделяется графически по общепринятым правилам (по умолчанию). Гиперссылка выделяется синим цветом, при наведении мышью изменяет цвет, и посещенная гиперссылка, имеет отличный от начального цвет.

Каким образом и при помощи каких тегов и атрибутов создается гиперссылка на языке html? А всё достаточно просто.

Рассмотрим на примере:

<a hrefhttp://www.delaydengi.comtarget=»_self«>Сайт о заработке в Интернете</a>

В этой гиперссылке используются следующие атрибуты:

  • href – является значением адреса вебдокумента, куда указывает ссылка;
  • затем идет url адрес моего сайта  http://www.delaydengi.com/;
  • target (цель)  — этот атрибут задает значение для открытия указанного в сылке документа, то есть где он должен открыться. Используются следующие значения атрибута target:

top – открывает документ в текущем окне браузера;

blank – открывает документ в новом окне;

self – открывает документ в текущем фрейме;

parent – открывает документ в родительском фрейме.

В итоге, мы с вами можем практически, как это указывалось в первом занятии Основы HTML, попробовать создать очередное задание, и если вы всё сделаете правильно, то при нажатии на cskre в созданном вами тексте, вас перенаправит на главную страницу моего сайта.

Итак, создайте следующий html – документ:

И откройте его в своем браузере. Ссылка должна быть активной. У вас появится вот такой html-документ, созданный при помощи языка HTML и ваших рук.

Далеко не уходите. На следующем занятии изучения языка html для начинающих пользователей, мы с вами рассмотрим порядок составления заголовков HTML страниц.

Подписаться по e-mail RSS