Основы работы в HTML
Автор: Hhhhhhhhhhhhhhhh • Февраль 12, 2023 • Практическая работа • 273 Слов (2 Страниц) • 108 Просмотры
Страница 1 из 2
Практическая работа №1
Основы работы в HTML
Цели:
- Ознакомиться с основными понятиями и структурой HTML-документа.
- Создать простую HTML-страничку.
- Ознакомиться с тегами для работы с текстом.
- Создать гиперссылку. Ознакомиться с атрибутами. Создать гиперссылку-закладку.
Ход работы:
- Создать папку для практической работы.
- Внутри папки создать документ index.html.
[pic 1]
[pic 2]
[pic 3]
[pic 4]
- Открыть его в любом удобном вам редакторе. Я буду работать в PHPStorm.
- Внутри документа описать базовую структуру документа:
[pic 5]
- Открыть созданный файл в любом удобном браузере. У меня будет в Опере. Файл будет пустой, это правильно. Но сверху в имени вкладки должен быть указан текст:
[pic 6]
- Возвращаемся в редактор. Добавляем текстовые теги <h1>, <h2>, <p>:
[pic 7]
Обновляем страницу браузере, смотрим, что изменилось.
[pic 8]
- Возвращаемся в редактор. Добавляем парочку тегов <a>:
[pic 9]
- Создаём второй html-документ. Я назову его second.html. Внутри него я добавлю заголовок и ссылку, которая будет вести обратно на первую страницу:
[pic 10]
- Далее в index.html нужно указать путь ко второму файлу, а в second.html – путь к первому:
[pic 11]
[pic 12]
- Обновляем страницу в браузере, тыкаем по ссылкам, смотрим, что получилось.
- Далее нужно ответить на следующие вопросы:
- Что такое HTML-тег?
- Что делает DOCTYPE?
- За что отвечают теги <html>, <body>, <head>, <title>, <h1>, <h2>, <p>, <a>?
- Что такое HTML-атрибут?
- Какие ещё атрибуты могут быть у тега <a>?
...
Доступно только на Essays.club