Создание сайта самостоятельно Параграфы и заголовки

Автор Maksim Inshakov
Создание сайта самостоятельно  Параграфы и заголовки

и так мы переходим к видимой части страницы — это теги которые будут находиться внутри будем здесь уже будет немножко поинтереснее первым делом вы откроете Links текст который мы с вами же открывали и смотрели ссылку продуктов.

Здесь же есть ещё одна ссылка статья про время называется скопируйте эту ссылку. Если у вас есть. Интернет загрузить эту ссылку на озере вы увидите там вот такую статью — это статья на английском языке для изучения HTML и она идеально подходит потому, что она вас не будет отвлекать.

Если вы не будете её читать здесь мы будем сосредоточено именно на языке HTML.

Что нужно сделать с этой статьей скопируйте её от начала и до момента у до этого где идёт большими буквами слово Feedback скопируйте и. Вставьте в наш документ. Если вдруг у вас сейчас нет интернета то — это уже статьи. Вы можете взять из лесных материалов из файла actor.ltx здесь так и так вот мы ставили эту статью из сайта в наш документ между тегами Body пока мы не указываем никаких треков. Давайте посмотрим как браузер отобразит вот эту статью здесь она у нас так красиво отформатирована посмотрим. Будет ли самое в браузере. Норман запуск лаунчера Firefox и, что мы видим. Мы видимость молочную кашу. Да почему — это произошло — это произошло потому, что браузеру на самом деле вот всё вот — это форматирование она ему по барабану. Он у него вообще не смотрит ему неважно не пробелы и переносы строк он изначально всё сгребает в одну кучу. Вот точно также как он сделал — это вот здесь его интересует вот здесь мы на этом примере сейчас — это хорошо увидим 1 т который мы изучаем. Это ты который позволяет создать абзац может если мы посмотрим на статью. Мы видим, что здесь разбита на абзацы и — это уже даёт совсем другой вид и 1 т который мы изучим ты там зато он пишется таким образом — это тоже так стоим скобки внутри. Ишим купе всё — это так абзаца — это сокращение от английского слово параграф поэтому здесь ничего сложного нет здесь мы открыли параграф и здесь мы его закрываем — это браузер уже скажу. Что данная строка является параграфам и всё остальное в одну кучу, тогда уже с малиной не будет. Давайте посмотрим 1win нашу страничку с кашей мы видим да, что первая строка превратилась параграф и уже всё остальное начинается со следующей строки тоже самое мы можем сделать для 2. Строгино примера открыли здесь закрываем. Кстати чтобы каждый раз не нажимай вот на эту дискету запомните комбинацию Control + S и сохраняйте с клавиатурой так будет намного быстрее возвращаемся к документу обновляем и видим, что у нас уже вторая строка также преобразовал абзац так вот — это я закрою и таким образом давайте мы все на параграфы выделим сначала вот так их откроем везде так пока, что вот здесь этот список также для каждого элемента списка сделаем отдельный параграф буду строку можете удалить в принципе здесь не нужна и диппер таким же образом мы закрываем стоим перед именем. Слышишь я закрываюсь параграф не закрываем каждый параграф дракон тоже уберём. Таким образом мы говорим браузеру о том где начинается каждый параграф и где он заканчивается и в данном случае даже всё свали в кашу он нам каждый абзац отобразит в соответствии с теми и теми которые мы ему указали теперь каждая строка у нас идёт на отдельном абзаце. Но — это ещё не всё. Обрати внимание на исходную статью мы увидим, что здесь есть заголовок этой статьи. И подзаголовки как же они создаются вернёмся вход создаются не очень просто за головки у нас в HTML отвечает 6 гигов. Это начинается H1 самый крупный заголовок и кончает mh6 H1 H2 H3 H4 H5 H6 и чем больше цифра тем меньше заголовок соответственно заголовок он обычно используется на странице один максимум два раза. То есть он для выделения самого такого главного заголовка на странице обычно используется и вот мы выделили на статьи этим заголовком дальше у нас идут подзаголовки этого 3 tapping файлинг и всегда у нас два подзаголовка будет потом мы указываем находим точнее абзац ретарпен и пишем здесь уже заголовок 2 уровня H2 и также здесь H2. И здесь тоже самое H2 и заголовок 2 уровня он будет. Чуть поменьше первым сохраняем обновляем и мы видим да, что у нас первая строка превратилась в огромный заголовок — это самый большой заголовок H1 1 уровня, а вот эти заголовки превратились в подзаголовке они уже поменьше они уже уровне H2 можно проверить и H3 в принципе посмотреть как будет смотреться на 89 поставим H3. А здесь вот здесь например H5 повышен для проверим вот он нас H5 совсем маленький. Да он даже меньше текста, но в любом случае он жирный здесь у нас H3 он уже поменьше чем H2, но еще крупнее основного текста и также можно посмотреть как выглядит заголовки H6 будет еще мельче и мы ещё не посмотрели H4 обновляем вот у нас A6 совсем маленький H4 он примерно такой же как текст, но жирный вот и всё, что касается заголовок и абзацев мы с вами в этом уроке изучили при этом этим теги используются очень часто при создании практически любого документа поэтому их нужно всегда держать в голове и знать, что параграфы создаются с помощью. ТГП заголовки которые на английском можно произнести как. Фёдор они создаются с помощью TH. Здесь всё логично — это просто сокращение английских слов при этом. Чем выше уровень заголовка тем он крупнее на этом мы здесь остановимся и следующем уроке продолжим изучение HTML.

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

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