Уважаемые пользователи Голос!
Сайт доступен в режиме «чтение» до сентября 2020 года. Операции с токенами Golos, Cyber можно проводить, используя альтернативные клиенты или через эксплорер Cyberway. Подробности здесь: https://golos.io/@goloscore/operacii-s-tokenami-golos-cyber-1594822432061
С уважением, команда “Голос”
GOLOS
RU
EN
UA
web.edu
8 лет назад

Основы HTML. Урок 1

HTML - это язык гипертекстовой разметки (англ. HyperText Markup Language). Практически все сайты, которые вы видите в интернете, размечены при помощи HTML.

В изучении данный язык достаточно легкий. При создании сайтов чаще всего вам придется использовать не более 20 тегов. Всего же язык HTML насчитывает более 80 тегов.

Зачем нужны теги? Теги позволяют нам "общаться с браузером" и говорить, что мы хотим, чтобы браузер сделал.

Теги бывают одиночные и парные. Одиночные теги не нужно закрывать. А парные теги нужно закрывать таким же тегом и слешем "/". Чаще всего вам будут встречаться именно парные теги.

Структура документов

В HTML весь код содержится в "контейнере" тега "html". Это специальный тег. Далее по структуре документа идет специальный тег "head" и "body".

Тег "head" (англ. голова) нужен для хранения других элементов. Они помогают браузеру работать с данными. Содержимое этого тега не отображается на странице.

Тег "body" (англ. тело) хранит все содержимое страницы. Именно здесь нужно писать основной код, который браузер будет выводить в своем окне.

Давайте напишем наш первый код с новым тегом "p" (англ. paragraph):

Параграф.gif

Сохраните этот код в блокноте с именем index.html и откройте его!

Что отобразит браузер:

Параграф3.jpg

Давайте напишем еще один код с новым тегом "h1"(от англ. header):

Заголовок.gif

Что отобразит браузер:

заголовок2.png

Закрепляем выученные теги:

ТегОписание
htmlТег включает в себя все содержимое страницы. Он пишется дважды: в начале кода и в конце
headТег нужен для хранения других элементов. Они помогают браузеру работать с данными. Содержимое этого тега не отображается на странице
bodyТег хранит все содержимое страницы. Именно здесь нужно писать основной код, который браузер будет выводить в своем окне
pТег задает текстовый абзац и всегда начинается с новой строки. Браузер автоматически добавляет отступы к тексту, который находится внутри этого тега
h1Тег используется для заголовков. Имеет шесть уровней. Тег "h1" обозначает крупный заголовок, а "h6" мелкий заголовок.

Если вам понравилась статья - подписывайтесь и оставляйте свои комментарии.

0
317.293 GOLOS
На Golos с December 2016
Комментарии (5)
Сортировать по:
Сначала старые