Закрыть
Вход на сайт
Регистрация
Вы успешно зарегистрировались!

Перейти к обучению
Регистрация
Войти на сайт

Основы HTML и CSS
HTML

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

<b>Жирный текст</b>

Для начала давайте сохраним, перейдём в Chrome, обновим страницу и увидим жирный текст, который написан жирным начертанием. Давайте разберёмся почему. С двух сторон от слов «жирный текст» вы видите два тега «b». Открывающий тег – первый и закрывающий тег – второй. Идея в том, что всё, что находится между тегами подчиняется правилу этого тега. В данном случае тег называется «b» (сокращенно от слова «bold», то есть «жирный»). Соответственно, это тег, который делает текст, который находится внутри между открывающим и закрывающим тегами, жирным. В зависимости от названия тега, в данном случае это буковка «b», меняется действие, которое будет происходить.

Давайте ещё немножко подробнее разберём наши теги. Тег состоит, как вы уже поняли, из названия этого тега, из знаков «больше»/«меньше» с двух сторон. Если тег закрывающий, то перед названием тега ставится слеш: «/».

Давайте попробуем написать ещё вот такой вот тег.

<i>Курсивный текст</i>

Тег будет называться «i». Как видите, текст курсивного начертания из-за того, что тег «i». «i» – это с английского «italic», то есть «курсивный». 

Давайте для примера ещё поменяем тег «i» на «u».

<u>Подчеркнутый текст</u>

«U» с английского – «underlined», то есть «линия снизу» или «нижнее подчеркивание». Соответственно, когда мы откроем Chrome и обновим страницу, то увидим текст с нижним подчёркиванием.

Мы сейчас выучили, можно считать язык Html, потому что по большей части Html – это просто набор большого количества тегов.

Вы сейчас можете зайти на сайт html.book.ru и  посмотреть список всех тегов, которые вообще существуют в языке Html. Их довольно-таки много, но мы с вами будем использовать 10-15 тегов и всё. То есть, по большей части, для написания сайтов необходим один тег «div» (мы его попозже изучим) и ещё несколько наборов тегов, которые мы время от времени будем использовать. Но во главе всего стоит по сути «div», поэтому главное будет его выучить, и остальные теги вы всегда сможете узнать по мере надобности. Всегда, если что, можно обратиться к справочнику, подсмотреть, вспомнить. В этом ничего страшного нет.

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

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

Предыдущий урок Следующий урок
Тестирование

Чтобы пройти тестирование, необходимо войти или зарегистрироваться