Создание простой html страницы

Любой сайт состоит из страниц, поэтому рассмотрим из чего же состоит эта страница.
Итак определившись что с названием страницы создаем html файл. Например index.html.
Вот Вам и первая страница сайта. Открывший файл в любом редакторе, мы можем написать любой текст. Например: «Ура!!! Я сделал первую html страницу в своей жизни»

код простой html страницы

Браузер с удовольствием это проглотит, но ведь это совсем не то что мы привыкли видеть на экране монитора. Поэтому рассмотрим что-же представляет из себя html-страница.
1. Служебная информация для браузера.
2. Описание страницы.
3. Тело страницы.

Служебная информация

В этой части документа прописывается тип и стандарты документа, что позволяет браузеру корректно его читать. Также указывается язык написания страницы. Указывает на корректное написание страницы учитывая стандарты написания страницы W3C.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

</html>

Описание страницы

Описание страницы лежит между тэгами <head> </head>
И является невидимой но очень важной частью сайта.
Рассмотрим что-же важного лежит между этими короткими тэгами.
Тэг <title> отображает название страницы в закладке браузера. На теперешнее время является очень важным тэгом при индексации страниц в поисковых системах. Не менее важным является тэг <meta. В нём прописывается: кодировка сайта, ключевые слова и снипет.
Следующий тэг <link> подключает таблицы стилей используемые на сайте, а также может подключать иконку сайта.
Тэг < script> подключает Java скрипты.
Вот пример правильного описания страницы

<title>Ура!!! Первая страница готова</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"
<meta name="keywords" content="Ключевые слова">
<meta name="description" content="Формирование снипета страницы в поисковой системе Яндекс ">
<link href="/*.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/Путь/favicon.ico" type="image/x-icon">
<script src="/Путь к скрипту/*.js"></script>

Тело страницы

Тело страницы начинается и заканчивается тэгами <body> </body >
- между этими тегами находится наполнение страницы. Именно эта часть кода отвечает за визуальное отображения материала. Конечно не имея чёткого представления о картинки которая должна отобразится в окне браузера трудно что-то написать. Поэтому начинающих web-программистов желательно заблаговременно нарисовать эскиз страницы.
Типичным эскизом является страница вида:

простая html страница

Конечно могут быть и другие, все это зависит от вашей фантазии и задач которые будет решать страница.
Самым простым способом является создание такой структуры с помощью таблиц.
Этот элемент имеет простой формат.

<table width="100%" border="1" cellspacing="10" cellpadding="10"> //объявление таблицы
<tr> //объявление строки
<td colspan="2">Шапка сайта</td>/объявление ячейки и её закрытие
</tr>//закрытие строки
<tr>
<td width="120"><p>меню</p>
<p>сайта</p></td>
<td width="100%">Контент</td>
</tr>
<tr>
<td colspan="2">Футер</td>
</tr>
</table>//закрытие таблицы

Таким образом можно создавать страницы любого формата.
Более современной способом создания структуры html страницы является структура созданная с помощью тэга <div>

Чтобы оставить комментарий, необходимо зарегистрироваться

Комментарии

  • Комментарии не найдены

Последние новости

Как создаются сайты по ...

Стоит ли создавать сайты по старинке Как всем ...

Как начать работать в ...

  Работайте и зарабатывайте неплохие деньги в ...

коммерческий хостинг - ...

Выбор коммерческого веб-хостинга Надежность и ...

Выбор бесплатного ...

Выбор веб-хостинга бесплатно Выбор лучшего ...

youtube html- видео в ...

 YouTube Видео в HTML странице  Самый простой ...

Scroll to top