Як верстати сайт підприємцю HTML та CSS для власників сайтів
Оформлення будь-якого сайту складається із двох частин. Це HTML та CSS. У HTML знаходиться структура сторінки сайту, а CSS її оформлення. Оскільки ми не плануємо створювати нові сайти, а лише хочемо внести редагування в існуючі, нам не знадобляться довгі освітні курси. Достатньо знати основні базові принципи та кілька правильних речей, про які ми зараз розповімо.
Введення в HTML
Основа будь-якого сайту – це HTML-код. Щоб подивитися, як він виглядає, відкрийте браузер Chrome (тут і далі ми будемо дивитися все в ньому), натисніть правою кнопкою миші по сторінці та в контекстному меню виберіть пункт "Перегляд коду сторінки" (View Page Source).
Все це таке – це і є HTML код. Якщо почати в нього вдивлятися, то буде видно, що все незрозуміле знаходиться в трикутних дужках, іноді зі слішем.
Такі конструкції називаються тегами. У HTML тег, який без слеша позначає початок будь-якого об'єкта, а зі слішем - його кінець. Можна вважати, що вся сторінка складається з таких об'єктів, вкладених один в одного. Тег початку називається тегом, що відкриває, а кінця зі слішем - закриває тегом.
Це виглядає приблизно так:
Знаки табуляції тут лише для прикладу, вкладеність об'єктів залежить лише від «відкриття» та «закриття» тега.
Тег, який було відкрито раніше, має закриватися пізніше. І навпаки: якщо тег відкритий пізніше, то має закритися раніше. Не повинно бути перетинів у відкритті та закритті тегів.
Основні теги
Кожен тег виконує певну команду. Зараз ми розглянемо основні їх.
- Це службові теги, що позначають початок сторінки. Вони, як правило, не відображають жодної інформації вбраузер. Вони використовуються для того, щоб всередині за допомогою інших тегів вказати параметри SEO (keywords, description), заголовок сторінки (title), Favicon, підключити файли CSS і т.п. Якщо потрібно відредагувати зазначені параметри, шукати їх потрібно саме в частині .