logo

Структура страницы

Первая страница

Давайте рассмотрим структуру самой простенькой страницы html и разберём из чего же она состоит и как её сделать. Общая схема страницы выглядит так:

<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
Ура!!! Получилось!!!
Можно развивать страницу дальше!
</body>
</html>

Страница представляет собой html-документ, который заключается тегами <html> и </html>. Давайте скопируем этот код в любой текстовый редактор и посмотрим, что получится. Откроем к примеру стандартный системный блокнот и скопируем в него этот код

После этого этот файл надо сохранить с каким-то именем и расширением .html Многие начинающие вебмастера не знают как это сделать. Покажу этот процесс в картинках.

И так, после вставки кода в блокнот в меню Файл выбираем пункт Сохранить как… Откроется окошко, в котором выберите место для сохранения этого файла. Лучше конечно заранее создать отдельную папку, в которую и загрузите этот файл. Обратите внимание на нижнюю часть окошка:

Сохранить файл

Изначально в блокноте сохранение файлов настроено на формат .txt,  а нам нужен формат.html Для этого раскройте строку Тип файла: и выберите Все файлы:

Тип файла

Далее в строке Имя файла прописываете название файла и его расширение, ну например index.html

Имя файла

Теперь можно нажать на Сохранить и файл сохранится в Вашей папке. Остаётся только посмотреть, что же из этого выйдет. Запустите созданный файл (двойной клик мышкой) и увидите в браузере следующее:

Первая страницаПродолжение следует...

Структура страницы обновлено: Июль 31, 2016 автором: admin

Оставить комментарий

▲Вверх