Введение: Что такое HTML CSS


Привет. Начнём с того, что разберемся в понятиях, что такое HTML CSS.Это базовые понятия, понимание которых позволит разобраться в других более сложных темах.

HTML

С момента создания интернета в том виде, в котором мы его знаем сейчас, встал вопрос о том, каким образом можно форматировать данные, таким образом, чтобы все пользователи могли получать информацию в удобном виде. Изначально браузеры были в виде приложений для командной строки, и выводили информацию в виде текста (это можно наблюдать в старых американских фильмах). Но это было не удобно, и был создан первый вариант HTML.Сам по себе HTML – это текстовый файл, в котором данные форматированы, то есть разделены и упорядочены при помощи специальных ключевых слов – тэгов. Каждый тэг в HTML обернут в знаки меньше и больше <tag>.Компьютер, а точнее браузер, умеет обрабатывать текст в формате HTML, вычленяет из него эти самые тэги, определяет (по заранее оговоренной со всеми остальными схеме), как именно эти тэги должны отображаться, и выводит их на экран пользователю. Данные, которые заключены в тэг – выводятся согласно правилам каждого тэга.Если открыть любую страницу любого сайта, можно увидеть огромное количество тэгов, и текст внутри них. Это и есть HTML.

Дополнительная информация тэгов – атрибуты

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

Виды тэгов

Тэги бывают 2-х видов:

  • те, которые требуют закрывающего тэга
  • те, которые не требуют закрывающего тэга

Какая между ними разница?

Тэги, которые требуют закрывающий тэг: HTML CSS

Такие тэги могут заключать в себе любое содержимое (некоторые могут только текст, а некоторые могут и любое количество других тэгов, об этом позднее). В таком случае, для того, чтобы указать браузеру, в каком месте начинается кусок информации, которую нужно оформить по правилам определённого тэга, перед этим куском информации ставится открывающий тэг <tag>. Когда кусок информации заканчивается, нам нужно сообщить браузеру, что кусок текста закончился, и для этого ставится закрывающий тэг: </tag>. Всё довольно просто: открывающий тэг – это прост тэг, закрывающий – это такой же тэг, где перед названием тэга ставится слэш.При помощи таких тэгов браузер понимает, как именно текст файла размечен, в каком месте и какие должны быть тэги и их оформление.

Тэги, которые не требуют закрывающий тэг: HTML

Но бывают также тэги, которые не могут содержать информацию внутри себя. Они могут не содержать никакой информации вообще, например тэг переноса текста на следующую строку (<br>), он просто переносит текст, и не содержит ничего в себе, и поэтому не требует закрывающего тэга.А иногда, тэг просто содержит всю необходимую информацию в своих атрибутах, и поэтому также не требует закрывающего тэга. Например тэг <img>, он отвечает за отображение картинки на странице. Ссылка на картинку указывается в атрибуте src этого тэга, а больше никакой важной информации тэг не должен получать, поэтому картинки также не требуют закрывающего тэга. (это довольно упрощенный пример, но к более подробному рассмотрению мы вернемся чуть позже).В следующей главе мы узнаем, как ещё различаются тэги в глобальном смысле, а затем перейдем к рассмотрению основных тэгов HTML.


Comments 11


Привет! Я робот. Хозяин поручил мне проголосовать за Ваш пост! Я нашла похожий контент, который может быть интересен читателям ГОЛОСа:
https://htmler.ru/2017/08/10/vvedenie-chto-takoe-html-css/

29.11.2017 17:10
0

Привет!

29.11.2017 17:20
0
29.11.2017 17:21
0

Ок, @privet!

роботы @gemini, @btc-e и @upbot проголосовали за пост: Введение: Что такое HTML CSS

29.11.2017 17:22
0

Приветствую Вас и желаю успехов на платформе Голос!

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

Буду признателен, если расскажете, откуда Вы узнали о платформе Голос (ответьте цифрой):
1) увидел в Facebook
2) увидел в ВКонтакте
3) из поиска Google
4) из поиска Яндекс
5) из Steem
6) рассказал друг
7) другое (укажите в комментарии)

Чтобы быстрей освоится, присоединяйтесь к мотивирующему промоушену для новичков, действующего месяц с момента регистрации!

И обязательно добавьте себе в Telegram Бота-инструктора, который позволит вам пошагово освоится на платформе Голос.

29.11.2017 17:35
0

В свое время изучал HTML и каскадные таблицы стилей по видеокурсу Попова. Быстро со всем разобрался, ничего сложного в этом нет.

Кстати, поздравляю с первым постом на Голосе) Подписался, надеюсь на взаимность) Удачи и всего самого наилучшего!

30.11.2017 10:42
0