Закрыть
Войти
Подождите...
Собирается информация...
Восстановить пароль
Логин или пароль введены не верно!
Подождите...
Идет авторизация.
Вход
Логин или пароль введены не верно!
Забыли пароль?
или войти через вконтакте

HTML

Основы HTML и CSS
Ну что ж, давайте всё-таки наконец приступим к изучению HTML. В основе языка 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 закреплен, только за неимением знаний всех тегов, которые существуют.

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

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

Политика конфиденциальности   Пользовательское соглашение