Приклад мінімального HTML-коду для створення базової веб-сторінки ⛏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Заголовок вашої сторінки</title>
</head>
<body>
    <header>
        <h1>Логотип або заголовок</h1>
        <nav>
            <ul>
                <li><a href="#">Головна</a></li>
                <li><a href="#">Про нас</a></li>
                <li><a href="#">Контакти</a></li>
            </ul>
        </nav>
    </header>
    
    <main>
        <h2>Вітання на нашому веб-сайті</h2>
        <p>Ось основний контент сторінки. Ви можете розміщувати тут текст, зображення, відео та інші елементи.</p>
    </main>
    
    <footer>
        <p>© 2023 Ваша компанія. Усі права захищені.</p>
    </footer>
</body>
</html>
  • <!DOCTYPE html>: Декларація типу документа, яка вказує, що це HTML5 документ.
  • <html>: Кореневий елемент HTML-документа.
  • <head>: Частина документа, в якій зазвичай розміщують метадані та посилання на зовнішні ресурси.
  • <meta charset="UTF-8">: Визначає кодування символів для сторінки (UTF-8 використовується для багатьох мов).
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Налаштування масштабування для пристроїв з різними розмірами екранів.
  • <title>: Заголовок веб-сторінки, який відображається в заголовку вкладки браузера.
  • <body>: Тіло сторінки, в якому розміщується основний контент.
  • <header>: Секція, яка містить заголовок сторінки і навігаційне меню.
  • <main>: Основний контент сторінки.
  • <footer>: Підвал сторінки, в якому можна розміщувати інформацію про авторство та права.

#html5magic #codinginhtml #webdesignbasics #htmlcoding #learnhtml #htmltips #frontendhtml #htmlstructure #htmlelements #htmlforbeginners #htmlмагія #кодуванняhtml #основивебдизайну #htmlкодування #вивчаємоhtml #порадипоhtml #фронтендhtml #структураhtml #елементиhtml #htmlдляпочатківців #zimin_dev #zimin_dev_blog

Залишити коментар

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

Прокрутити вгору