Essays.club - Получите бесплатные рефераты, курсовые работы и научные статьи
Поиск

Основы работы в HTML

Автор:   •  Февраль 12, 2023  •  Практическая работа  •  273 Слов (2 Страниц)  •  162 Просмотры

Страница 1 из 2

Практическая работа №1

Основы работы в HTML

Цели:

  1. Ознакомиться с основными понятиями и структурой HTML-документа.
  2. Создать простую HTML-страничку.
  3. Ознакомиться с тегами для работы с текстом.
  4. Создать гиперссылку. Ознакомиться с атрибутами. Создать гиперссылку-закладку.

Ход работы:

  1. Создать папку для практической работы.
  2. Внутри папки создать документ index.html.

[pic 1]

[pic 2]

[pic 3]

[pic 4]

  1. Открыть его в любом удобном вам редакторе. Я буду работать в PHPStorm.
  2. Внутри документа описать базовую структуру документа:

[pic 5]


  1. Открыть созданный файл в любом удобном браузере. У меня будет в Опере. Файл будет пустой, это правильно. Но сверху в имени вкладки должен быть указан текст:

[pic 6]

  1. Возвращаемся в редактор. Добавляем текстовые теги <h1>, <h2>, <p>:

[pic 7]


Обновляем страницу  браузере, смотрим, что изменилось.

[pic 8]

  1. Возвращаемся в редактор. Добавляем парочку тегов <a>:

[pic 9]

  1. Создаём второй html-документ. Я назову его second.html. Внутри него я добавлю заголовок и ссылку, которая будет вести обратно на первую страницу:

[pic 10]

  1. Далее в index.html нужно указать путь ко второму файлу, а в second.html – путь к первому:

[pic 11]

[pic 12]

  1. Обновляем страницу в браузере, тыкаем по ссылкам, смотрим, что получилось.
  2. Далее нужно ответить на следующие вопросы:
  1. Что такое HTML-тег?
  2. Что делает DOCTYPE?
  3. За что отвечают теги <html>, <body>, <head>, <title>, <h1>, <h2>, <p>, <a>?
  4. Что такое HTML-атрибут?
  5. Какие ещё атрибуты могут быть у тега <a>?

...

Скачать:   txt (3.6 Kb)   pdf (314.8 Kb)   docx (277.4 Kb)  
Продолжить читать еще 1 страницу »
Доступно только на Essays.club