Создаем первый HTML документ онлайн урок.



Итак, попробуем создать наш первый HTML-документ. Поскольку наши знания на данный момент сильно ограничены, он будет довольно простой и содержать самые простые теги.

Для создания веб-документа нам потребуется текстовый редактор. Для этих целей можно использовать и простой Блокнот, но ввиду отсутствия в нем удобного интерфейса и подсветки синтаксиса это станет неудобным для нас с некоторого момента. Для разработки веб-документов можно использовать один из простых специальных редакторов, например Notepad++.

Для начала создадим пустой файл с названием index.html. Такое название, как правило, дают стартовым страницам и они будут открыты браузером при попытке доступа к директории сайта, если конкретный файл не указан.

Далее, определимся со спецификацией веб-документа. Пусть это будет HTML 5. Для этого добавляем в исходный код index.html строку

<!DOCTYPE html>


Далее, необходимо задать заголовок веб-страницы, который будет указан в заголовке окна браузера. Этот заголовок должен быть не длинным и соответствовать содержимому страницы. Назовем нашу страницу My First Web Page. Добавим заголовок страницы в наш код:

<!DOCTYPE html>
<html>
<head>
  <title>My First Home Page</title>
</head>
</html>


Отметим, что в код было добавлено сразу несколько тегов. Они задают основную структуру страницы. Детальнее про них будет рассказано в следующих лекциях. На данном этапе ограничимся тем, что в <head> помещается дополнительная информация о странице. В нашем случае - это заголовок.

Теперь добавим на нашу страницу сам контент. Пусть это будет некоторый текст со ссылкой и небольшим заголовком.



Отметим, что в <body> помещают то, что непосредственно должно быть отображено на экране - текст, изображения и т.п. Ссылка, которую мы вставили на веб-страницу содержит сам адрес, куда мы ссылаемся и текст, который будет "кликабельным".

Проверьте свои знания
Создать страницу, которая будет служить заготовкой для дальнейших заданий. Веб страница должна содержать заголовок страницы Personal Web Page - Exercise. В теле документа необходимо написать что вдохновило Вас заняться веб-разработку. Этот текст должен иметь свой заголовок, который соответствует смыслу текста.