Я продолжаю цикл статей по созданию собственного веб-сайта в ОС Убунту
Итак, вернёмся в Sublime Text. В прошлый раз мы остановились на разметке страницы. Ссылка на начало:
Весь контент сайта размещается между тегами <body> </body>
Давайте теперь напишем в эти теги какой-нибудь контент. Начнём с тега <h1>. Большинство тегов начинаются с открывающего тега и закрывающего. Открывающий тег заголовка выглядит так: <h1>. Закрывающий тег заголовка выглядит так: </h1>. Между ними впишем название заголовка: <h1>LinuxUSER</h1>
Это заголовок первого уровня. Всего их бывает шесть и выглядят они так: h1, h2, h3, h4, h5, h6. И создаются они аналогично заголовку первого уровня. Далее следующий тег называется параграф. Давайте его создадим написав под <h1>LinuxUSER</h1> открывающий тег<p> и закрывающий тег </p>. Этот тег и есть параграф: <p></p>
Теперь впишем между открывающим и закрывающим тегом параграфа какой-нибудь текст. Например я напишу "Тег параграф. Показывает как работает тег параграф". Теперь сохраним результат комбинацией CTRL+S
И откроем в ранее созданной папке LinuxUSER файл index.html при помощи браузера Firefox
И как видно что под названием заголовка появился текст который мы вписали в теге параграф. Теперь рассмотрим тег <strong>. Этот тег позволяет выделять слова. Давайте напишем этот тег. Он так же начинается с открывающего тега и закрывающего: <strong></strong>
Я поставлю в этот тег строчку "Показывает как работает тег параграф": <p>Тег параграф. <strong>Показывает как работает тег параграф</strong></p>
Сохраняем комбинацией CTRL+S и открываем наш index.html браузером Firefox
И у нас выделилась строка "Показывает как работает тег параграф"