ВИРОБНИЧЕ НАВЧАННЯ Тема № 4. Основи Web-дизайну Урок № 10. Робота з основними тегами HTML 1 ІНСТРУКЦІЙНА КАРТКА № п\п Графічне відображення операції Зміст операції 1. Створити файл в програмі Блокнот 1-й спосіб Пуск – Всі програми – Стандартні – Блокнот. Файл – Зберегти як… – вказуємо ім'я документу з розширенням *.txt 2-й спосіб Викликати контекстне меню – Створити – Текстовий документ.
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
ВИРОБНИЧЕ НАВЧАННЯ
Тема № 4. Основи Web-дизайну
Урок № 10. Робота з основними тегами HTML
1
ІНСТРУКЦІЙНА КАРТКА
№
п\п Графічне відображення операції Зміст операції
1. Створити файл в програмі Блокнот 1-й
спосіб
Пуск – Всі
програми –
Стандартні –
Блокнот.
Файл – Зберегти
як… – вказуємо
ім'я документу з
розширенням
*.txt
2-й
спосіб
Викликати
контекстне меню
– Створити –
Текстовий
документ.
ВИРОБНИЧЕ НАВЧАННЯ
Тема № 4. Основи Web-дизайну
Урок № 10. Робота з основними тегами HTML
2
Ввести ім'я
документу.
Відкрити
створений
документ
подвійним
кліком миші.
2. Вводимо основні теги HTML документу
обмежують
WWW-
документ
обмежують
заголовок
сторінки
цей тег
дозволяє
описати
WWW-
документ
текст з'являється
в браузері в
рядку заголовку
3. Зберігаємо HTML документ
Файл – Зберегти
як… – вказуємо
ім'я документу з
розширенням
*.html
4. Запускаємо Web-сторінку для перегляду 1-й
спосіб Контекстне
меню - Відкрити
В цьому місці розміщується певна кількість параметрів, що визначають
зовнішній вигляд документа (фон, колір, шрифти, таблиці, зображення).
Вони відображаються в браузері.
ВИРОБНИЧЕ НАВЧАННЯ
Тема № 4. Основи Web-дизайну
Урок № 10. Робота з основними тегами HTML
3
2-й
спосіб
Відкрити
браузер на вибір
(за
замовчуванням
користувачем
установлено
Google Chrome)
Шляхом
буксирування
перемістити
Web-документ у
браузер
Web-сторінка має наступний вигляд
ВИРОБНИЧЕ НАВЧАННЯ
Тема № 4. Основи Web-дизайну
Урок № 10. Робота з основними тегами HTML
4
Основні теги html верстки.
На даній сторінці спеціально для тих користувачів, які цікавляться веб дизайном й html
версткою зібрані основні теги html, описане їх значення, синтаксис і атрибути, що їм належать.
HTML теги Опис
a Тег, що відповідає за створення посилань, ось його синтаксис:
<a href="url посилання">анкорний текст</a>.
audio
Тег служить для вставки аудіо на веб сторінку. Його синтаксис:
<audio src="шлях до аудіо файлу" autoplay controls></audio>.
Атрибут autoplay дозволяє звучати аудіо файлу зразу після завантаження веб
сторінки, а controls додає панель керування відтворенням аудіо.
body
В даний тег поміщается весь видимий вміст веб сторінки. Його синтаксис:
<body>...</body>. Основні атрибути: bgcolor - колір фону веб сторінки;
background - фонове зображення сторінки; text - колір тексту по замовчуванні.