LinuxUSER | Дзен

HTML/CSS Часть 7: CSS свойства: margin, padding, height, font-size

Итак, в прошлой статье мы остановились на изучении CSS стилей: HTML/CSS Часть 6 В прошлой статье мы начали вёрстку сайта. В этой статье продолжим верстать. Итак, мы остановились на том что сделали разметку header. Теперь поработаем над дизайном header. В файле style.css который мы создали в прошлой статье напишем стиль для класса header такой: Пишем .header и ставим галочки: .header {} Посередине галочек наводим курсор мыши и жмём ENTER. Между галочек пишем background-color: darkslateblue; Под...

4 года назад

HTML/CSS Часть 6: CSS стили

Я продолжаю цикл статей по созданию собственного веб-сайта в ОС Убунту Итак, в прошлый раз мы остановились на изучении тегов <ul> и <li>. Ссылка на начало: HTML/CSS Часть 5 CSS позволяет оформить страницу как угодно. Ранее немного затронули CSS и тег <style>. Что бы вынести CSS в отдельный файл, откроем наш файл index.html в ранее созданной папке LinuxUSER при помощи Sublime Text 3 и напишем такую запись внутри тега <head>: пишем link и нажимаем клавишу TAB. В итоге создалась запись подключения CSS стилей...

4 года назад

HTML/CSS Часть 5: Теги <ul> и <li>

Я продолжаю цикл статей по созданию собственного веб-сайта в ОС Убунту Итак, в прошлый раз мы остановились на изучении тегов <div> и <span>. Ссылка на начало: HTML/CSS Часть 4 Рассмотрим тег маркированного списка. Этот тег применяется для создания меню. Меню можно стилизовать при помощи CSS. Для создания маркированного списка надо создать родительский тег <ul>. Затем в родительский тег надо поместить ещё один тег <li>. Сначала откроем файл index.html в папке LinuxUSER что создали в прошлых статьях...

4 года назад

HTML/CSS Часть 4: Теги <div>, <span> и базовый синтаксис CSS

Я продолжаю цикл статей по созданию собственного веб-сайта в ОС Убунту Итак, в прошлый раз мы остановились на изучении тегов <h1> - заголовок, <p> - параграф, <strong>. Ссылка на начало: HTML/CSS Часть 3 Рассмотрим тег div. Этим тегом ограничивается ширина контента. Познакомимся с ним на практике написав длинный контент на нашей странице. Для этого между открывающим и закрывающим тегом параграф напишем например это: "Продолжаем изучать HTML. Мы уже изучили теги заголовка. И теги параграфа. Так...

4 года назад

HTML/CSS Часть 3: Теги <h1> - заголовок, <p> - параграф, <strong>

Я продолжаю цикл статей по созданию собственного веб-сайта в ОС Убунту Итак, вернёмся в Sublime Text. В прошлый раз мы остановились на разметке страницы. Ссылка на начало: HTML/CSS Часть 2 Весь контент сайта размещается между тегами <body> </body> Давайте теперь напишем в эти теги какой-нибудь контент. Начнём с тега <h1>. Большинство тегов начинаются с открывающего тега и закрывающего. Открывающий тег заголовка выглядит так: <h1>. Закрывающий тег заголовка выглядит так: </h1>. Между ними впишем название заголовка: <h1>LinuxUSER</h1> Это заголовок первого уровня...

135 читали · 4 года назад