hw1.md 2.7 KB
Домашнее задание #1
- Создайте структуру проекта с файлом index.html в корневой папке. В корне создайте папку “css” и создайте в ней файл “styles.css”.
- В HTML документе добавьте основные теги:
<doctype>,<html>,<head>,<body>.- В теге
<head>пропишите мета тег<meta charset=”utf-8”>указывающий кодировку страницы – UTF-8, также в теге<head>добавьте заголовок HTML документа(страницы):<title>HomeWork1(например, можете придумать свой)</title>.
- В теге
- Пропишите внутри тега
<body>3-4 заголовка разных уровней:<h1>,<h2>,<h3>...с разным текстом. После заголовков пропишите параграф<p></p>с текстом: «Здесь будет контент», при помощи тега<br/>разместите в параграфе каждое слово на отдельной строке. - В теге
<head>подключите CSS файл из папки css, при помощи тега<link>, пропишите относительно документа путь к CSS файлу, чтобы путь к нему на других устройствах не менялся. - В CSS файле стилизуйте разным цветом фон разных заголовков и параграфа, используя селекторы для данных тегов. Просмотрите какие ещё CSS свойства можно задать элементам на странице(попробуйте задать свойства цвета, фона, внутренний отступ, рамку...).
- поэкспериментируйте с разными видами селекторов: по тэгу, по классу, по id, комбинации, селекторы вложенностей и сестринские.
ПРИМЕЧАНИЕ!
НЕ копипастите код из задания! Пишите код руками, набивайте руку! Следите, чтобы парные теги были закрыты согласно вложенности DOM дерева, а одинарные оставались одинарными! Всё что в условии задания выглядит как ссылка – и есть ссылка, можно на неё тыцнуть и откроется полезная инфа. Успехов!