Самостоятельное создание сайта
ВСЕ О ТОМ, КАК
СДЕЛАТЬ САЙТ
САМОМУ


Оставить отзыв или предложение

Делаем первую страницу на html

Первая страница на html

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

Как было сказано в первом уроке это язык представляет собой язык разметки, и именно для разметки он использует так называемые тэги, примером такого тега может послужить тег абзаца:

<p>Первый абзац</p>

Как вы могли заметить все тэги в языке html заключаются в скобки <>. Существуют тэги, которые необходимо обязательно закрывать как в примере </> и которые не требуют закрытия, например мета-тэги, о них я расскажу позднее. Так же тэги могут иметь определенные атрибуты, например присвоение класса, или идентификатора, пример:

<p class=”first”>Первый абзац</p>

Атрибуты html тегов помогают расширить функциональные возможности самого тега.

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

Любой html документ имеет свою структуру, нарушать которую конечно не стоит, но и по своей сути эта самая структура не так уж и сложна. Я приведу пример самой простой html страницы

<!Doctype html>
<html lang="ru-RU">
<head>
    <meta charset=utf-8>
    <title> Первая страница на HTML5</title>
  </head>
<body>
<p>Первый абзац</p>
</body>
</html>

Этот код вы можете записать в любом текстовом редакторе типа блокнот, и сохранить его с разрешением .html, название придумайте какое вам угодно, только не русскими буквами, а если это будет главная страница вашего сайта то назовите её index так принято.

Это собственно говоря и есть ваша первая html страница, которая написана по всем стандартам. Это можно так выразится основной «скелет» который будет всегда присутствовать, вам же необходимо его наполнять. Давайте разберем все по пунктам.

Тэгом <!Doctype html> мы объявляем тип документа и говорим браузеру, что это html документ, как видите он не требует закрытия.

Любой html документ начинается с тега <html> и им же заканчивается, это как вы поняли закрывающийся тег. В HTML 5 тэгу html можно присваивать атрибут lang="ru-RU" который сообщает о языке на котором написан этот документ, в нашем случае на русском.

Затем у нас идет невидимая часть страницы которая расположена в теге все что в нем находится, передается непосредственно для браузера и соответственно по большей части пишется для более качественного отображения вашей страницы. Здесь же мы видим мета-тэг meta charset он сообщает браузеру о кодировке страницы, я уже писал про выбор кодировки для сайта так что читайте.

Тег <title> это один из самых важных тегов, это заголовок документа, который отображается в самом верху браузера:

Тег Title

Он имеет огромное значение при поисковой оптимизации и соответственно в него включают ключевые слова сайта.

Остался тег <body> он так же закрывающийся тэг, и все что в нем расположено, отображается непосредственно на вашей странице. Этот тег с английского переводится как «тело», и суть на самом деле совпадает это и есть тело документа.

И тег, который мы уже обсуждали это тег абзаца <p>, в нем вы можете размещать абзацы текста на ваших страницах, что я и сделал.

Вот и все ваша первая html страница готова, и вы уже имеете реальное представление, что такое html документ, и я думаю вы представляете как сделать сайт…:)

Дата публикации:2014-03-26


Буду очень признателен, если вы поделитесь ссылкой на страницу со своими друзьями в социальных сетях.
Если у вас возникнут вопросы по теме пишите, надеюсь у вас все получиться, удачи вам и всего наилучшего!

Нашли ошибку в тексте

Нашли ошибку в тексте!!!
Просто выделите её мышкой, нажмите Ctrl+Enter.
И мы все исправим.

Allsoft
Хостинг Beget