Здесь может быть ваша реклама...
1000
участников
5500 читателей

Основы HTML

   Итак, теперь Вы узнали, что все html-документы состоят непосредственно из html-элементов. Эти элементы могут быть вложены друг в друга, образуя этим самым структуру html-документа (иерархическое дерево html-элементов документа html). Каждый html-элемент, за небольшим исключением, должен содержать стартовый и завершающий тэг. Между этими тегами располагается сама информационная часть элемента, именно она выводится web-браузером посетителю веб-страницы.
   Так выглядит полный синтаксис html-элемента:

<имя_тэга [имя_атрибута="Значение" ...]>…Информация, другие элементы...</имя_тэга>


  Html-элементы, которые не имеют завершающего тэга, описываются в короткой форме (эти html-элементы не обладают информационной частью и задают только оформление страницы):

<имя_тэга [имя_атрибута="Значение" ...] />
     Все элементы обязательно должны содержать (иметь) завершающий тэг или  быть описаны в краткой форме (если она имеется). Это придает исходному коду документов улучшенную структурированность и читаемость.

Все тэги HTML начинаются с левой угловой скобки   ("<") и заканчиваются правой угловой скобкой  ( ">").  Прямой слэш перед именем завершающего тэга отличает его стартового. Нельзя забывать о том,  что и тот, и другой тэг - составная часть каждого элемента. Возьмем в качестве примера тэг
<title> заголовка, определяющий текст заголовка документа (который отображаемый в заголовке окна веб-браузера):


<title> Заголовок документа </title>


   В этом конкретном случае <title> сообщает веб-браузеру о том, что начинается описание заголовка, а закрывающий  тэг </title> - о том, что оно завершается.

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


<Title> Заголовок документа </titlE>


   Помимо того, символы табуляции, возврата каретки, дополнительные пробелы, которые были добавлены (для его лучшей читаемости) в исходник HTML-документа, WEB-браузер проигнорирует при отображении документа.
     Это не касается тэга
<pre>. О нем разговор пойдет дальше.

     Рекомендуется описывать все тэги следует в нижнем регистре.
Атрибуты HTML-элементов

   Некоторые атрибуты несут дополнительную информацию о свойствах большинства HTML-элементов. Они размещаются совместно с открывающим тэгом. Значение каждого атрибута следует за ним после символа равенства (=). Если атрибут не один, то пары:
имя_атрибута="Значение" - разделяются пробелами,  как в примере:


<table align="center" border="0">


   Здесь атрибут align - параметры определенного выравнивания элемента, а border отображает толщину его границ.


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

Вложенность тэгов



   Вложенные тэги в HTML допускаются. Необходимо только помнить, что вложенный тэг должен начинаться и заканчиваться внутри родительского тэга Как в примере:


<p> У нас печатаются <b><i>Качественные книги </b></i> Росиздат :-) </p>

   Так было бы неправильно:

<p> У нас печатаются <i><b> Качественные книги </b> Росиздат :-) </p></i>


  
Напомню еще раз: следует строго соблюдать вложенность тэгов. Вложенный тэг обязательно нужно заканчивать внутри родительского тэга (того же элемента), где он непосредственно начинался.


Комментарии



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


Синтаксис комментария:

<!-- Комментарий -->


   Коментариев может быть сколько угодно и они могут встречаться в любом месте документа.

Развитие и монетизация сайта
Начинающему
веб-мастеру
Введение и знакомство с HTML
Бесплатно создаем собственный сайт
Основы поисковой оптимизации
Что такое ТИЦ и PR и как их увеличить
Как раскрутить собственный сайт
Зарабатываем на собственном сайте
Помощь в выборе хостинг-провайдера
Загружаем сайт на хостинг
Полезные сайты
Полезная литература
Информация

Все о CSS
Самый простой курс
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Бесплатно создаем сайт
Полезная литература по созданию сайта
Основы HTML
Структура HTML-документов
Основные и вспомогательные тэги тела документа
Тэги списков
Гипертекстовые ссылки
Оформляем фон html-страницы
Графика в HTML
Web оптимизация графики
Стили оформления HTML-документа
Escape-
последовательности
Таблицы HTML
Структура таблицы
Заголовок, тело, подвал, строки и ячейки таблицы
Формы HTML, синтаксис форм
Элементы управления
Меню выбора
Оформляем HTML-формы
Фреймы HTML, синтаксис фрэймов
Тэг frameset
Тэги frame, noframes
Взаимодействия между фрэймами (планирование)
Карты изображений
Описание CGI интерфейса, разбираем данные HTML-форм
CGI-файл данных
Прямой возврат, обработка результата
Введение в CSS
Практическое освоение
Свойства элементов, которые управляются CSS
Прописываем мета-тэги и готовим web-страницы к публикации

®
Поделитесь информацией с друзьями: