HTML с нуля: создаем первую страничку. Урок №2 Overcod.net

HTML с нуля: создаем первую страничку. Урок №2

Сегодня мы вместе создадим твою первую HTML-страничку. Сначала — немного теории, потом — практика!

Для работы понадобится простой текстовый редактор «Блокнот». Если не знаешь, где его найти, просто нажми на кнопку «Пуск» в левом нижнем углу экрана, выбери «Все программы» → «Стандартные» → «Блокнот».

Создаем первую страницу

Откройте Блокнот
Создайте папку
Создайте на компьютере папку «Мои опыты с HTML». Сюда будем сохранять все файлы нашего курса.
Пропишите HTML-код
В «Блокнот» вставьте следующий код:

<!DOCTYPE html>
<html>
<head>
    <title>Моя первая страница на overcod.net</title>
</head>
<body>
    Здравствуйте, это моя первая страница на overcod.net
</body>
</html>

Сохраните документ как HTML
В «Блокноте» нажмите «Файл» → «Сохранить как». Укажите папку «Мои опыты с HTML» и в поле имени файла напишите index.html. Нажмите «Сохранить».

Теперь зайдите в папку и откройте файл index.html двойным щелчком. В браузере вы увидите вашу первую веб-страничку!

Понимаем HTML-код

<html> открывает HTML-документ.
<head> задает заголовок документа, который виден во вкладке браузера.
<title> отображает текст в заголовке вкладки браузера.
<body> содержит видимый текст и элементы страницы.

Примечание: большинство тегов в HTML — парные, например, <body>...</body>, где первый открывает элемент, а второй его закрывает. Некоторые теги одиночные и не требуют закрытия, например <br> — для переноса строки.

Поздравляем! Вы создали свою первую HTML-страничку.