Всем Привет! Сегодня мы изучим первые теги в html. Прошу вас заметить! В HTML существуют парные и непарные теги. У парных такая конструкция: <></>, а у непарных такая:<>. Пока что вы не углубляйтесь в это, к этим видам мы еще вернемся. Думаю хватит болтовни, давайте приступим!
В начале теги будут не очень интересны, но постепенно мы будем переходить к все более увлекательному
Тег <html>
Этот тег является обязательным. Он содержит все теги, которые будут "строить" веб - страницу. Это своего рода "коробка", в которую кладут вещи. Больше про него говорить нечего, думаю можно продолжать!)
Тег <head>
Тег <head> содержит все теги, которые помогаю браузеру найти к примеру CSS файл или JavaScript файл, метатеги, которые нужны для хранения информации, предназначенной для браузера. К примеру описание сайта. Это вроде все, теперь переходим к более интересному.
Тег <body>
Тег <body> - это как пакет в коробке. В теге <body> содержится весь контент сайта.
<!DOCTYPE html><!--Говорим браузеру, что используем html 5-->
<html>
<head>
<title>Это обучалка с Яндекс Дзен</title><!--Заголовок-->
</head>
<body>
<!--Тут весь контент-->
</body>
</html>
Вот так будет прописываться базовая разметка html файла.
Сейчас пойдут легкие теги, я не буду посвещать им отдельные заголовки, ибо их очень легко запомнить.
Базовые теги
<h1>Заголовок первого уровня</h1> - Это заголовок первого уровня. Всего их 6. <h1></h1>; <h2></h2>; <h3></h3>; <h4></h4>; <h5></h5>; <h6></h6>. Чем больше уровень у заголовка, тем меньше будет сам заголовок.
<a href = "zen.yandex.ru">Это ссылка</a> - Этот тег создает ссылку. А этот странный "href" - это атрибут тега. Да, у тегов есть еще и атрибуты 0_о Именно этот "href" отвечает за направление ссылки на какую то страницу
<p>Это просто текст</p> - Этот тег просто отвечает за абзац. Создаете этот тег с текстом - создаете абзац)
<br> - Самое легкое, что может только быть. Это просто перенос на новую строку. Кстати, это первый пример тега, у которого нет пары:) просто прописываете это как - то так: <p>Я пишу этот текст, с целью научить вас<br>И для этого, пожалуйста, подпишитесь на меня)</p> Это все. Прошу вас заметить. В html нельзя просто нажать Enter и думать, что пишите с новой строки. Для этого есть тег <br>. Запомните!
<button>Нажми на меня</button> - Это мы сделали... Кнопку... Да, кнопку, так легко. Только... Она будет не очень красивая... Но все равно это кнопка, а о ее красоте позаботится CSS!
<span>Да это же блин просто текст</span> - А это даже не абзац. Это просто текст. На первый взгляд бесполезный тег, но.... Я так не думаю. Когда надо какой то участок текста сделать другого цвета, тег <span> готов вам помочь
Заключение
На этом все, друзья) Если вы дочитали это до конца, то я вам очень благодарен. Сегодня мы изучили с вами самые основные теги, при помощи которых вы можете создать какую - то да страничку. Только делайте это в познавательных целях, пожалуйста:)
Всем Удачи!
