 Основы HTML для начинающих. Урок 2
Основы HTML - Учебник HTML урок второй . Сегодня мы с вами поговорим об основных особенностях размещения и отображения текста. В ходе данного урока мы займёмся работой над элементами разметки предлагаемыми HTML языком. Цель нашего урока как можно подробнее довести до вас основы работы с языком и показать на сколько прост он в обращении.
Основными элементами разметки языка HTML считают тег разрыва строки <br>, тег параграфа <p></p> и теги заголовков <h1></h1>,<h2></h2> существуют ещё но мы пока остановимся на этом. Важно знать что количество пробелов между символами не должно превышать более 1-го пробела. Но бывает и такое что вам ну просто необходимо сделать чуть больше пробелов, в этом случае нужно использовать символьный элемент -
 . Давайте посмотрим всё на примере:
<p>Это простое предложение, которое является параграфом.</p>
<h1>Это заголовок уровня H1</h1>
<p>Выводим несколько пробелов</p>.
|
Это простое предложение, которое является параграфом.
Это заголовок уровня H1
Выводим несколько пробелов . |
Элементы контейнера HEAD.
Контейнер HEAD – Это весьма очень важный элемент для любого web-документа. В нем задаются параметры, позволяющие браузеру и серверу правильно определить кодировку документа. Здесь размещается большое количество дополнительных параметров, необходимых для работы с поисковыми системами, для установки связи с внешними файлами, для подтверждения прав собственности на сайт и многое другое.
Внутри контейнера <HEAD> могут располагаться:
TITLE (заголовок страницы);
BASE (каталог для сайта по умолчанию);
META (служебные теги);
LINK (ссылки страницы);
STYLE (внутренний лист стилей);
SCRIPT (скрипты).
Изучая основы вам необходимо первым делом разобраться с элементами контейнера <head>. Во многих учебниках посвящёны изучению основ html работа начинается именно с изучения описания этого контейнера. Но многие не хотят учитывать отсутствие достаточной подготовки новичков. Поэтому мы не будет вдаваться в подробности изучения этого элемента а поверхностно пробежимся по нём. Всё станет гораздо понятнее по мере дальнейшего изучения учебника.
Title играет важную роль при программировании на JavaScript, определяя зону видимости переменных.
Этот элемент разметки отвечать зато как ваш сайт будет отображаться в поисковых системах. Не когда не забывайте придумывать уникальный заголовок для каждой страницы. В дальнейшем это будет играть очень важную роль.
Base.
При создании web-страниц вам постоянно придется ставить ссылки между страницами разных уровней вложенности. Далеко не всегда удобно каждый раз писать абсолютные адреса вида:
<a HREF="http://www. zarobotak.ucoz.ru/something.html">
когда их можно заменить относительными:
<a HREF="../something.html">
,что дословно будет означать следующее : НА УРОВЕНЬ ВЫШЕ ОТ БАЗОВОГО РАСПОЛОЖЕН ФАЙЛ something.html
По умолчанию базовым всегда считается корневой каталог сайта, но вы посредствам тега <BASE> всегда в силах это изменить
<BASE HREF="http:// www. zarobotak.ucoz.ru /html">
Запись будет означать, что в качестве базового каталога мы выбрали html, который на уровень будет расположен выше от корневого.
Link.
Служит для построения дополнительных, постоянных внешних связей документа:
<LINK REL="stylesheet" href="style.css" TYPE="text/css">
TYPE определяет тип подключаемого документа а
REL определяет тип связи между документами . Для разных типов документов существуют разные методы интерпретации, поэтому следите за правильностью ввода.
Style.
Тег <style> позволяет задать внутреннюю таблицу стилей внутри тела html документа. Этот метод вы редко где встретите из за того что он загромождает код и увеличивает вес и время загрузки вашего документа что является весьма не удобным для посетителя. Но бывает всё и этот метод вам может понадобиться поэтому знайте:
<STYLE TYPE=text/css>
..описание стилей..
</STYLE>
Script.
Элемент разметки служжащий для использования и загрузки скриптов:
<SCRIPT LANGUAGE="JavaScript" SRC=jvscript.js> ..код.. </SCRIPT>
Meta.
Мета-теги содержат служебную информацию о документе.
Использование Мета–тегов – очень грамоздкая тема,которая требует отдельного урока, поэтому об использовании META–тегов мы свами поговорим в другой раз.
Использование комментариев.
Как и в любом другом языке программирования в HTML имеется поддержка комментариев. Для создания комментария используется конструкция вида:
<!-- комментарий -->
Использование комментарий очень полезная штука так как она позволяет большому количеству посетителей обсуждать один и тот же проект,подсказывать и исправлять ошибки друг друга. Спрашивать возможные пути решения той или иной задачи.
• Подведём итоги данного урока. Мы с вами разобрались с основой html , научились использовать элементы разметки, добавлять комментарии. В общем посмотрели на него в действии.
• На следующем уроке как я и обещал мы более детально затронем тему мета-тегов. Поговорим с вами об особенностях этих элементов и поговорим в частности о каждом из них. • Предлагаю вам перейти к изучению третьего урока:Meta теги HTML. Урок 3
Источник: | 
