Page Title

Основы HTML

Элементы HTML разметки. Теги.(+)
Виды тегов. Парные/непарные.(+)
Служебные (невидимые теги).
Видимые теги для работы.
Атрибуты тегов.
Теги специального назначения.
Теги общего назначения.
Текстовые теги.
Теги картинок и ссылок.
Используем наши знания на практике(делаем мини сайт на чистом html)

Элементы HTML разметки. Теги.

Весь язык HTML состоит из тегов. Теги это строительный материал языка HTML. Любой сайт использует этот язык. И если вы решили связать себя с веб-разработкой или например стать веб-дизайнером, изучение этого языка обязательно!!! В данных уроках мы будем учить именно язык, не верстку. Потому что верстка это отдельный курс. И если уроки пойдут хорошо, я сделаю курс по верстке с использованием знаний HTML, CSS, JavaScript.

Виды тегов. Парные/непарные.

Есть теги парные, есть непарные. Теги состоят из открывающего тега и закрывающего тега. Например давайте посмотрим на парные теги. <body> и его закрывающий тег </body> - его применение вы поймете чуть позже Еще один из парных тегов <p> и его закрывающий тег </p> Давай я приведу пример работы этого тега, чтобы ты понимал его работу. Этот тег отвечает за парафграф. Сейчас я приведу пример текста без этого тега, и пример с его использованием.

Привет. Я начал изучать такой крутой язык как html. Потому что он важен в той профессии в которой я хочу оказаться. Это интересно и увлекательно.

Теперь тот же текст но уже с использованием тега <p></p>

Привет. Я начал изучать такой крутой язык как html.<p>

Потому что он важен в той профессии в которой я хочу оказаться.</p>

Это интересно и увлекательно.

Разницу видно, параграф начал печататься с новой строки.И я думаю вы поняли зачем ему закрывающий тег. Чтобы браузер понял, где именно заканчивается параграф. В дальнейшем мы затронем этот тег более тесно. Давайте посмотрим непарные теги, теги которым не требуется закрывающий тег. <br> - отвечает за перенос строки Ну и конечно пример его работы. Дальше будет идти текст без его использования и с использованием тега <br>

Привет. Я начал изучать такой крутой язык как html. Потому что он важен в той профессии в которой я хочу оказаться. Это интересно и увлекательно.

Теперь тот же текст с использованием тега br

Привет.<br>
Я начал изучать такой крутой язык как html.<br>
Потому что он важен в той профессии в которой я хочу оказаться.<br>
Это интересно и увлекательно.

Как видим после тега br текст переходит на новую строку 'перенос строки' <hr> - отвечает за отрисовку линии и раздел текста И опять же пример его работы.

Привет. Я начал изучать такой крутой язык как html. Потому что он важен в той профессии в которой я хочу оказаться. Это интересно и увлекательно.

Текст без использования тега hr. Теперь добавим наш непарный тег в наш текст

Привет.
<hr>

Я начал изучать такой крутой язык как html.
<hr>

Потому что он важен в той профессии в которой я хочу оказаться.
<hr>

Это интересно и увлекательно.

Как видим там где мы добавили этот тег отрисовалась линия. Это был не урок как использовать данные теги что были представдены, а объяснение парных и непарных тегов.

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

Урок номер один пройден. Как и договаривались. Урок набирает 10 лайков и 15 коментов, я выпускаю следующий урок по списку. Список в начале урока под надписью 'основы html'

урок 1. HTML (california)