Урок 30 березня
Завдання №1
Опис завдання:
Задайте HTML сторінці заголовок «Вивчаємо HTML». Для цього необхіно використати лише один тег. Головне - це де його розмістити.
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html>
<html>
<head> <meta charset="UTF-8" />
<!-- додайте заголовок тут-->
</head>
<body>
</body>
</html>
Завдання №2
Опис завдання:
Загорніть заголовки в правильні <h> теги.
Головний заголовок – <h1>
Підзаголовок – <h2>
Другий і Третій – <h3>
Текст потрібно оформити як параграф - <p>
1.Головний заголовок
Параграф, який розповідає про основну ідею сайта або додатка.
Параграф, який розповідає про основну ідею сайта або додатка.
Параграф, який розповідає про основну ідею сайта або додатка
1.1. Підзаголовок
Параграф, який відноситься до підзаголовка.
Параграф, який відноситься до підзаголовка.
Параграф, який відноситься до підзаголовка.
1.1.1. Другий підзаголовок
Параграф, який відноситься до другого підзаголовка.
Параграф, який відноситься до другого підзаголовка.
Параграф, який відноситься до другого підзаголовка.
1.1.2. Третій підзаголовок
Параграф, який відноситься до третього підзаголовка.
Параграф, який відноситься до третього підзаголовка.
Параграф, який відноситься до третього підзаголовка.
Завдання №3
Опис завдання:
Створіть нумерований список з трьох елементів. Кожен елемент повинен містити текст «Текст».
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Вивчаємо HTML</title> </head>
<body>
<!-- Замість коментаря додайте реалізацію -->
</body>
</html>
Завдання №4
Опис завдання:
Створіть маркований список з трьох елементів. Кожен елемент повинен містити текст «Текст».
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Вивчаємо HTML</title> </head>
<body>
<!-- Замість коментаря додайте реалізацію -->
</body>
</html>
Завдання №5
Опис завдання:
Створіть маркований список з трьох елементів, який вкладений у нумерований.
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Вивчаємо HTML</title> </head>
<body>
<!-- Замість коментаря додайте реалізацію -->
</body>
</html>
Завдання №6
Опис завдання:
Створіть просту форму.
Загорнути у тег <form>
- Поле <input>, type="text" placeholder="Логін";
- Поле <input>, type="password" placeholder="Пароль";
- <textarea>, placeholder="Ваше повідомлення";
- Поле <input>, type="submit" value="Надіслати";
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Вивчаємо HTML</title> </head>
<body>
<!-- Замість коментаря додайте реалізацію -->
</body>
</html>
Завдання №7
Вимоги
- Заголовок в тег <caption>
- Заголовки колонок в тег <thead>
- Основна інформація в тег <tbody>
- два рядки
- Висновок в тег <tfoot> - останній рядок, розмістити після </tbody>
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Вивчаємо HTML</title> </head>
<body>
<!-- Замість коментаря додайте реалізацію -->
</body>
</html>
Завдання №8
Цей текст можна копіювати
HTML - стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML. Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Вивчаємо HTML</title> </head>
<body>
<!-- Замість коментаря додайте реалізацію -->
</body>
</html>
Завдання №9
Опис завдання:
Загорнути текст у тег, який зберігає всі відступи, а саме у тег <pre>
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Вивчаємо HTML</title> </head>
<body>
<!-- Загорніть текст у тег, який зберігає всі відступи-->
function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius;
</body>
</html>
Завдання №10
Цей текст можна копіювати
HTML. Стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML. Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.
CSS. Спеціальна мова, що використовується для опису сторінок, написаних мовами розмітки даних.
Для виконання завдання скопіюйте шаблон в робочу область та замініть коментар на Вашу реалізацію:
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Вивчаємо HTML</title>
</head>
<body>
<!-- додайте реалізацію тут-->
</body>
</html>