Основы HTML

Видео смотреть YouTube Rutube Boosty VK Результат скачать урок_1.zip Проект поддержать Поддержать

В этом бесплатном уроке Вы шаг за шагом научитесь создавать потрясающие веб-сайты своими руками.

1. Создать сайт

увеличить редактор уменьшить редактор отменить изменения

2. Добавить изображение

Скопируйте строку img внуть тега body

        <body>
    ···
    <img src="image.jpg" >
    ···
</body>

3. Подключить CSS стили

Скопируйте строку link внутрь тега head

        <head>
    ···
    <link rel="stylesheet" href="style.css">
    ···
</head>

4. HTML код первого урока

        <!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML+CSS урок 1</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <img src="image.jpg">
    <div>
        <small>Факультет</small>
        <h1>Гриффиндор</h1>
        <h2>СТИХИЯ: <span>ОГОНЬ</span></h2>
        <p>
            Этот факультет, просто-напросто, лучший в
            Хогвартсе. Здесь учились самые храбрые и 
            смелые волшебники, к примеру — Альбус 
            Дамблдор! Да, сам Дамблдор, величайший
            мастер нашего времени, был Гриффиндорцем! 
            Если этого вам не достаточно, я не знаю, 
            что и сказать.
        </p>
        <a href="https://5time.ru">Изучить</a>
    </div>
</body>
</html>

5. Результат первого урока

Видео смотреть YouTube Rutube Boosty Dzen VK Результат скачать урок_1.zip Проект поддержать Поддержать

Следующий урок —>

Следите за выходом бесплатных курсов:

Telegram YouTube Boosty Rutube Dzen Vk