002 Что такое HTML. Создание первой страницы

Автор Alla Bessonova
002 Что такое HTML. Создание первой страницы

Итак давайте создадим нашу первую html-страницу.

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

Ну примерно таким вот образом затем и нажимаю сохранить сворачиваю этот файл и обязательно должен обновить страницу в браузере вот.

Я нажимаю вот эту иконку. И как вы видите наша страница обновилась и потянулись наши новые изменения и так мы. Создали нашу первую страницу и вроде бы мы можем её из. Но на самом деле мы не можем носить какие-то стилизованные изменения мы не можем сделать текст жирным изменить его размер сделать какие-то отступы сделать, но примеру. Я хочу сделать отступы, а здесь сделать. Перенос строки нажимаю вот сохраняю наш файл затем обновляю браузер и мы вид, что ничего не произошло здесь не применялся неотступный. Перенос строки для того чтобы добавить разметку на эту страницу мы должны из язык HTML так называемый язык гипертекстовой разметки язык HTML отвечает за структуру и содержание страницы HTML состоит из тегов — это такие элементы которые заключены между знаками и меньше и больше пишется имя тега одним из распространенных тегов является Tag div вот так вот он пишется дальше большинство тегов являются по. То есть у них есть вторая половинка так называемый закрывающий тег он пишется почти точно также только перед именем специальный символ слэш вот таким образом выглядит вторая половина парного тега. Теперь вы должны понять почему тебе вообще бывают парными — это сделано для того чтобы видеть границу этих тегов. То есть все теги и структуру или содержание страницы поэтому мы должны понимать где — это действие начинается и где она заканчивается. Давайте на странице я покажу как использовать парный тэг допустим я хочу сделать заголовок текст заголовка H1. Вот его первая часть H1 вот вторая часть тоже H1 только записывается через слеш затем между ними между этими тегами я оставляю содержимое заголовка. Например я напишу заголовок 1 сохраняю наш файл. Зачем обновляют в браузере и мы видим как бег изменил содержимое страницы кроме парных тегов. Как на этом примере парных H1 существуют так называемые одиночные теги которые не имеют вторую части из ярких представителей одиночного является. ТЭК переноса строки он называется бры пишется таким вот образом. Почему Одиночный потому, что нам не нужно знать где заканчивается. Перенос строки происходит именно в этом месте поэтому этому тэгу не нужна вторая часть. То есть он действует как бы точечно давайте файл файл сохранить и обновить страницу и в этом месте как мы видим применён. Перенос строки вторым ярким представителем один является Tag картинки. Называется он Inc — это так. Одиночный потому, что картинка начинается и заканчивается именно в этом месте и нам нет смысла во второй части. Давайте попробуем сохранить файл сохранить обновить появилась. Потому, что ты картинки должен иметь дополнительные атрибуты давайте я задам ему ширину допустим 30 пикселей и высоту хит тоже 30 пикселей сохраним обновить браузер и увидим, что здесь появилась пустая картинка потому, что мы указали только ей не указали никакого содержимого и так выводы язык HTML состоит из тегов которые пишутся между знаками меньше и больше, а внутри пишется название тега большинство тегов являются парными то есть имеют вторую часть которое пишется с использованием слышат то есть наклонной черты. Ты где применяются в тех местах где логически требуется указывать начало и конец знаешь заголовок имеет начало и конец если указать только начала то браузер не поймет где заканчивается наш заголовок. Кстати если вы не поставите вторую парного тега то будет ошибка и ваша верстка полетит. А в тех местах где структура и содержание страницы не имеют начало и конца используется одиночное итоге то есть в этом месте мы указываем. Перенос строки и браузеру не нужно знать где он. Начинается Где заканчивается перенос перенос используется как бы точно поэтому здесь используются. Одиночный тег получается, что для страниц с помощью HTML необходимо знать теги. Кстати я могу вам порекомендовать есть такой сайт HTML Book ru. Где на странице. Вы можете ознакомиться со всеми тягами. Ну почти со всеми. Не пугайтесь их количеству потому, что популярных тегов которые регулярно используется может где-то 15 20 штук тем более мы всех проблем в этом курсе и так как пользоваться сайтом HTML бук справа здесь есть классификация тегов различным критериям допустим я хочу посмотреть теги изображение нажимаю на изображение и здесь мы видим наш Tag IMG который мы недавно прошли затем можно увидеть описание атрибуты этого тега и также пример его использования ко всему прочему верху есть таблица поддержки браузера в. То есть как браузеры поддерживают этот трек. Дело в том, что язык HTML постоянно развивается и.

0 комментариев
0

Читайте также