Счётчики





Рейтинг@Mail.ru

Яндекс.Метрика




Навигация



Теги HTML


Основные Теги HTML-разметки


design

Если честно, то язык HTML не является языком программирования. HTML (Hyper Text Markup Language) язык гипертекстовой разметки, на веб-страницах и это всё выводится т.н. ТЕГи. Тегами называются команды языка HTML (<назваие тега> - открывающий тег и - закрывающий тег).

Теги разметки текста - специализированные команды для расположения на мониторе компа текста, графики, видео и аудио файлов, а также специальных команд, служащих для связи с другими HTML-документами и ресурсами Интернета.

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

Конечно, прежде всего, необходимо рассмотреть группу основных тегов HTML и среди них, это тег, который идёт самым первым в данной группе и в документе в целом. Этим тегом конечно является <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> и в этом теге, пожалуй, ничего изменять не стоит, он прописывается так, как есть, закрывающего тега у него нет. Вторым и третим идут теги <html> - "документ html" и <head> - "«Голова Документа» Данный тег используется для служебных целей, содержит множество данных, указывающих браузеру, как следует обрабатывать веб-страницу", затем <title> - "«Название Страницы», которое выводится в рамке окна программы просмотра", <body> - "«Основной Контент» документа (текст, графика, видео и т.д.)", на этом самую «Основную Группу», пожалуй можно и закончить. Мне кажется здесь всё ясно и понятно.

А теперь я расскажу, конкретно, как можно всё это увидеть и что это за код такой - «HTML». Если кликнуть по любой веб-странице правой кнопкой мыши и из появившегося меню выбрать, что-то в роде «Просмотр кода страницы», то в отдельной вкладке откроется текст, который и является HTML-кодом данной страницы, состоящим из совокупности тегов. Лично я выделял эти коды мышью, копировал в блокнот, затем их разбирал, пробовал различные варианты, анализировал, экспериментировал, так по маленьку и учился. Вот здесь уже никак не обойтись без HTML редактора (Дримвьювер или Фронтпейдж), это уже - кому что нравится.

Скажу ещё об одном, когда открывается сразу, группа тегов (т.е. друг за другом), к примеру - теги <p><b><i>, то закрываются они строго в обратном порядке (это очень важно, сам сначала, на этом не раз обжигался) --- т.е. вот так --- </i></b></p>, именно так, и только так.


А это самые основные теги для создания вашей первой страницы


I. <!DOCTYPE HTML>

II. <HTML> и </HTML>

III. <HEAD> и </HEAD>

IV. <TITLE> и </TITLE>

V. <BODY> и </BODY>

VI. <P> и </P> - теги, служащие для выделения параграфов. Новый параграф всегда отделяется абзацем от предыдущего, т.е. пустой строкой.

VII. <BR> - Пустая строка (пробел), один из немногих одинарный тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал (пробел, отступ).


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


<H1> и </H1> --- <H6> и </H6> - Заголовки (6 уровней).




Скопируйте этот текст:



<!DOCTYPE HTML PUBLIC> <HTML> <HEAD></HEAD> <TITLE>Моя первая страница</TITLE> <BODY> <H1>Ура, я всё-таки это сделал!!!</H1> <P><B>Это и есть моя первая страничка (точнее строчка), которую можно увидеть в любом браузере.</B></P> </BODY></HTML> а не - < > -->




design

Вставьте его в HTML редактор и сохраните под именем "xxx.html", затем щёлкните по файлу 2 раза мышкой, если всё сделано правильно то перед вами откроется такое окошко. Это и есть самая настоящая веб-страничка (только её вы видите, пока, без интернета). Теперь, самое общее понятие уже имеется, можно двигаться дальше.