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

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 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. Свой сайт в интернете