Что такое HTML

Что такое HTML

Доброго времени суток, уважаемые читатели блога Moi-tarakany.ru !

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

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

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

Итак, что же такое HTML?

HTML (Hyper Text Markup Language) — язык гипертекстовой разметки, служащий для описания содержимого web-страниц.

Браузер (программа интерпретатор HTML) превращает код в привычные для нас web-странички.

Теги — ключевые слова HTML, которые идентифицируют структуру текста внутри HTML-файла.

Структура текста — это описание того к какому типу элемента принадлежит текст: абзац, заголовок, название изображения и так далее.

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

!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html"; charset="windows-1251" />
    <title>Мой первый сайт</title>
</head>
<body>
     <h1>Привет мир!</h1>
     <p>Это мой первый сайт</p>
     <hr/>
</body>
</html>

Создайте текстовый файл (сгодится стандартный блокнот, но лучше использовать Notepad++), вставьте в него скопированный код. Сохраните документ. Только сохранить надо не как txt, а как html. Для этого жмём: файл / сохранить как или комбинацию Ctrl+Alt+S. Называем index (так принято называть главную страницу сайта) и выбираем расширение html.
Открываем созданный файл в браузере.

Я вас поздравляю! Вы только что создали свой первый сайт!!!

HTML форматируется специальными тэгами.
Тэги могут быть парными (открывающий <body> и закрывающий </body>, или <h1> и </h1>) и непарными (не требующими закрывающего тэга, например <hr/> или <br/>)

Любая веб-страница должна содержать как минимум два тэга: <head></head> и <body></body>.

<head></head> — это «голова» сайта. В тэгах <head></head> заключается информация о сайте — кодировка, название, описание, ключевые слова и другое.

Содержимое <head></head> не отображается на странице.
Всё что находится между <body> и </body> — это «тело» сайта, именно его мы видим у себя на экране.

Давайте подробнее рассмотрим наш код.
Он состоит всего из двенадцати строчек.

Первая строка:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">""
означает, что наш документ написан на языке HTML, в соответствии стандарту HTML 4.01 Transitional.

Дальше открывается тег <html> — его содержимое это HTML документ.

Дальше открывается <head>. В нём содержится ещё два тэга — не парный <meta/> (информация о сайте) и парный <title></title> — название страницы (у каждой страницы сайта должно быть своё, собственное название).

</head> закрывается.

Открывается тег <body>.

<h1></h1> — заголовок первого уровня (их всего шесть h1, h2, h2, h3, h5 и h6, первый уровень имеет самый большой вес).

<p></p> — абзац.

<hr/> — горизонтальная линия.

Тег <body> закрывается.

Закрывается <html>.

Вот собственно всё. В следующих постах продолжим рассматривать тэги и их свойства на примере нашего, свеже-созданного сайта.


Похожие записи:

Понравилась статья? Расскажи друзьям, автор очень старался:
10 комментариев на:
“Что такое HTML, и с чем его едят”
  • olya (1 comments) говорит:

    Помогите, пожалуйста!!! создала свой блог на mail.ru, рассматриваю важную тему качества питьевой воды, но мои друзья не могут найти в поиске мой блог, расскажите конкретнее, где надо ставить ключевые слова? С уважением, Ольга.

    • Пётр (405 comments) говорит:

      Никогда раньше не стыкалсая с блогами на mail.ru . С точки зрения HTML, ключевые слова заключаются в <meta name="keywords" content=" ключевые слова здесь" /> (это тема моих следующих статей). Но мне кажется что ваша проблема не в ключевых словах. Чтобы ваш блог попал в выдачу поисковиков, он должен быть этими поисковиками проиндексирован (на эту тему попозже обязательно напишу пост). Для скорой индексации попробуйте оставить ссылку на ваш блог, где ни будь в интернете, на уже проиндексированных сайтах, и чем больше этих ссылок будет тем лучше. По своему опыту знаю, для индексации не обязательно регистрировать сайт в поисковике, достаточно ссылки в сети.

  • hitech (3 comments) говорит:

    Я тоже когда начинал изучать сайтостроение, накачал кучу книжек, учебников по нтмл и css и т.д. Но не одну до конца не прочитал. Шас таже толком не знаю этот нтмл. Но мне и без него харошо. Блого шас это не кого не удивляет, что веб мастер не знает нтмл.

    • Пётр (405 comments) говорит:

      Согласен. Болшьенство вебмастеров HTML знают на процентов 20, но это никому не мешает делать неплохие сайты.

      • Мозгунова Ирина (68 comments) говорит:

        Хоть так и говориться, что можно создавать сайт без знания HTML (примерно так и случилось в моём случае), но в результате, постоянно сталкиваешься с необходимостью разбираться хотя бы в его основах. Но что именно является основами?

  • Seo (1 comments) говорит:

    Здравствуйте уважаемый блоггер. Предлагаю Вам ознакомиться с моей статьей где описано как бесплатно можно поиметь очень мощный (8*2,7Ghz и 64Gb RAM!) как минимум один выделенный сервер под ваши нужды. И бесплатно на год(!) разместить свои сайт(ы) на полноценном VPS сервере.

  • Ирина (24 comments) говорит:

    А ведь знать все равно надо. Мне уже пригодились кое-какие изменения готового шаблона.

  • Оксана (3 comments) говорит:

    сейчас в процессе изучения HTML — мозг закипает

  • Каролина (1 comments) говорит:

    Никогда не выучу((((((((, а уж тем более не напишу, так только Ctrl C, Ctrl V))))

  • Ника (3 comments) говорит:

    Спасибо за познавательную статью, очень интересно, добавила к себе в закладки.

Добавить комментарий

Перед комментированием ознакомтесь с правилами комментирования
  • Все комментарии проходят ручнуюю модерацию, поэтому большая прозьба - НЕ СПАМИТЬ!!!
  • Подписывайтесь нормальными именами, а не "регистрация в Москве" или "Кондиционеры не дорого".
  • Ссылки на коммерческие сайты будут удалятся.
  • Оставляйте ссылку на главную страницу.
  • Оставляйте комментарии длинной не менее 100 символов. Исключения - диалоги и ответы на заданные вопросы.
Внимание! Один раз в неделю блог прходит проверку на наличие битых ссылок. Если ваш сайт в это время не был доступен, ссылка на него будет удалена!
За собой оставляю право редактировать и удалять комментарии, даже если они удовлетворяют вышепреведённый свод правил.