Сайт - HTML верстка

Создаем собственный сайт

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

Еще темы дополнительно

Свой сайт бесплатно?

7 шагов, чтобы создать сайт

Создание своего сайта в интернете на бесплатном хостинге

Шаг 6. HTML верстка сайта

Сверстаем первую страничку:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

          <title>Сверстаем XHTML-страничку</title>

          </head>

          <body style="background-color:#ffffcc; color:#008800">

          <br />

          <h2 align="center">Пробная XHTML-страничка</h2>

          <br />

          <div align="center">

          <img src="../images/bee3.jpg" width="400" height="250" alt="Пчела на цветке" vspace="20" />

          </div>

          <p align="center" style="font-size:17px">Среди полей и диких трав,<br />

          Жужжа на встречу ветру,<br />

          Она летит, свой дикий нрав<br />

          Вплетая в песню лета.</p>

          <p align="center"><em>Эргэл</em></p>

          <br />

          <hr />

          </body>

          </html>

Результат

Теги, атрибуты и их значения

Теги <div> </div> – блочный элемент, определяют блок, секцию документа.
Тег <br /> осуществляет перенос строки.
Теги <em> </em> определяют наклонный или так называемый курсивный шрифт.
Тег <hr /> определяет горизонтальную линию, которая поддается форматированию.

Блок <div align="center"> </div> выравнивает изображение по центру страницы. Обратите внимание на способ подгрузки изображения: src="../images/bee3.jpg". Такая запись указывает на то, что текущий документ лежит в одной папке, а изображение в другой. Первые две точки обозначают выход из папки, в которой расположена страница с изображением, а images/bee3.jpg означает, что изображение bee3.jpg находится в паке images. Если оба файла находятся в одной папке, url принимает следующий вид: src="bee3.jpg"

Источники материала: HTML изображение | Блоки и параграфы | Пример XHTML верстки

Автор проекта - Вася Митин | Дата публикации: Апрель 2010 | Обновление: Ноябрь 2018

Шаг 5. HTML таблицы HTML верстка сайта Шаг 7. Свой сайт в интернете