HTML

HTML для начинающих.

    Из всех языков программирования HTML наверное самый несложный, или по крайней мере не самый сложный. Для его освоения не обязательны глубокие знания математики, но нужно терпение и желание понять, именно понять, а не выучить. Если человек, особенно начинающий,  плохо себе представляет то, что он пытается выучить, то сколько бы он не учил, он всё равно ничего не запомнит, и буквально на следующий день у него в памяти останется только название и горка бессмысленной, никак не связанной информации. По сему, нужно включать фантазию и пытаться себе всё это представить.

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

   Поскольку страницы обычно отображаются в каком-нибудь браузере, то Вам нужно понять, как браузер смотрит на Ваши писания и как он всё это отображает. Подавляющее большинство ошибок связаны с неправильной орфографией и нарушением правил использования языка HTML. Итак, Ваша задача сводится к тому, чтобы правильно объяснить машине, как отображать тот или иной элемент на странице. Если Вы это усвоите, то остальное всё не такое уж и сложное.

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

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

<html>

    <head>

        <title>Моя первая страница</title>

    </head>

    <body>

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

    </body>

</html>

   Вот так всегда, подчёркиваю, всегда выглядит абсолютно любой HTML-документ, во всяком случае, корректно отображаемый браузерами. В любом HTML-документе всегда должен быть только один корневой элемент <html></html>. Элемент – это совокупность открывающего и закрывающего тегов, то есть открывающий тег, закрывающий тег и всё, что находится между ними. В данном случае это тег <html> и тег </html>, поскольку между ними ничего не написано, но обычно эти теги говорят браузеру о начале HTML-разметки и предполагают наличие скелетных элементов страницы.

   Тег – это текстовая метка, заключённая в угловые скобки и показывающая границы элемента, то есть начало элемента <html> и его конец </html>. Всё это нужно просто понять, также как земля круглая, а солнце светит. Машины просто помешаны на логике, поэтому от правильного понимания этого будет зависеть работа над ошибками, которые, к сожалению, неизбежны.

   Элемент <head></head> с вложенным (находящимся внутри) элементом <title></title> говорит браузеру о том, что это информация для браузера и её отображать пользователю не нужно, кроме элемента <title></title>, то есть всё написанное между этими тегами не отображается, кроме написанного между тегами <title></title>. Элемент <head></head> всегда должен быть расположен перед элементом <bode></body>, потому что в нём обычно располагается информация, предназначенная только для браузера. Это нужно просто понять и запомнить, путать это никак нельзя.

   Теперь сделаем свой сайт на своей рабочей станции. Создадим папку названием «Mysite» у себя на компьютере, которая будет имитировать хостинг, всё что в этой папке располагается у Вас на хостинге, а «Mysite» — это IP-адрес, по которому Вы заходите. Заходим в папку и создаём в ней текстовый документ блокнота, копируем в него код, написанный выше целиком, он написан вручную, поэтому проблем быть не должно. Сохраняем документ. Щёлкаем правой кнопкой мыши по документу и выбираем «Переименовать». Название должно быть «index.html». Щёлкните где-нибудь в другом месте и это название, написанное Вами, сохранится.

   Ну вот, у документа поменялся значок, ничего страшного, так и должно быть, потому что операционная система, видя такое расширение, сразу вешает на него ярлык браузера по умолчанию, чтобы пользователю было понятно, при помощи какой программы его можно открыть. Если теперь Вы сделаете двойной клик по этому файлу, то он откроется в браузере и Вы сами увидите, что откроется Ваш браузер по умолчанию и в названии страницы будет написано «Моя первая страница», а на самой странице будет написан текст «Вот здесь написано то, что браузер отображает пользователю.». Фактически двойным кликом Вы имитировали вход сервера Апач на Ваш сайт и открыли главную страницу своего сайта.

 Как видите, HTML для начинающих, не такой страшный зверёк, как Вам могло показаться. Ещё раз напомню, не старайтесь понять сразу всё, постарайтесь переходить от простого к сложному, давая себе время поразмыслить над этим. Даже не пробуйте это заучивать — это Вам не поможет. Постарайтесь понять, посмотреть на это глазами браузера, тогда сразу всё встанет на свои места.

 

——————————————————————————

Читайте также по теме:
Заработок в интернете для новичков

*Как Заработать в сети с нуля

*Как привлечь рефералов много и бесплатно
*Как заработать в интернете на кликах
*Как заработать в сети на партнёрских программах
 *Мошенники и лохотроны в сети интернет



Яндекс.Метрика Рейтинг@Mail.ru