Спробуй себе в HTML
вчись, коли зручноHTML- Мова розмітки гіпертекстових документів — стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML.
Простий інструмент, який дозволить створити гіпертекст.
Елементи структурної розмітки застосовуються задля опису семантики тексту, іншими словами ці елементи описують призначення тексту свого контенту. Вони не зазначають ніякого спеціального (візуального) відтворення тексту, проте більшість браузерів мають стандартні стилі форматування для кожного елемента.
приклад коду простого документу, в якому описано як виглядатиме назва вашого документу, та виводиться на тіло сайту привітання: "Hello word"
<html>
<head>
<title>Мій перший HTML-документ</title>
</head>
<body>
Hello world!
</body>
</html>
Спробуйте свої сили та виконайте прості завдання, і ви зрозумієте що тут все просто.
№1. Створення найпростішого файлу HTML
- Створіть особисту папку, куди ви будете зберігати всі файли свого сайту. Назвіть її «вебсторінка_прізвище»
- Запустіть програму Блокнот (Notepad).
- Наберіть у вікні програми найпростіший файл HTML.
<HTML>
<HEAD>
<TITLE>тренувальний файл HTML</TITLE>
</HEAD>
<BODY>
Розклад занять на вівторок
</BODY>
</HTML>
- Збережіть файл під ім’ям RASP.HTML (обов’язково вкажіть тип файлу HTML при збереженні) в папці, яку ви створили.
- Для перегляду Web-сторінки використовуйте будь-яку програму браузера (Internet Explorer, Opera, Mozilla Firefox або іншу).
- Для цього, не покидаючи програму Блокнот (згорніть вікно на панель задач), відкрийте особисту папку і подвійним кліком по файлу RASP.HTML відкрийте вікно браузера.
- На екрані ви побачите результат роботи, зображений на рисунку 1.
- Для перегляду, та редагування файлу, краще користуватись можливостями файлового редактора, наприклад TotalCommander.
Завдання №2
Існують спеціальні команди, що виконують перевод рядка і задають початок нового абзацу. Крім того існує команда, яка забороняє програмою браузера будь-яким чином змінювати форматування тексту і дозволяє точно відтворити на екрані заданий фрагмент текстового файлу.
Тег переводу рядка <BR> відокремлює рядок від подальшого тексту або графіки.
Тег абзацу <P> теж відокремлює рядок, але ще додає порожній рядок, яка візуально виділяє абзац.
Обидва тега є одноелементними, тег <P> – подвійний, тобто потрібно закриваючий тег.
1. Внесіть зміни у файл RASP.HTML
<HTML>
<HEAD>
<TITLE>Навчальний файл HTML</TITLE>
</HEAD>
<BODY>
<P>Розклад</P>
<BR>занять<BR>
на вівторок
</BODY>
</HTML>
2. Збережіть внесені зміни, переключіться на панелі завдань на програму браузера, поновіть Web-сторінку.