1

Каркас HTML документа

Здравствуйте читатели problemcomp.ru сегодня мы с вами будем изучать, из чего состоит html документ, и создадим нашу первую веб-страницу, которую в дальнейшем мы будем использовать, как шаблон для наших будущих страниц.

И так html документ состоит из набора элементов, например:

<p align=”center”>ProblemComp</p>

Дадим краткое описание нашим элементам.

<p> – это у нас начальный тег. Существуют теги только начальные, например, тег <br> не имеет конечного тега, его функция перевод строки на нижнюю строку. Существуют теги, которые имеют начальный и конечный, как у нас в примере: <p>….</p>.

Align=”center” – align – это атрибут, которому присваивается значение center или можно писать center. В нашем случае, она обозначает выравнивание текста по центру.

ProblemComp – это наше содержимое, которое будет отображаться у нас в браузере по центру.

</p> - это у нас собственно и конечный тег, на котором этот набор элементов у нас заканчивается.

Теперь создадим наш шаблон, который на понадобится в дальнейшем при создание веб-страниц.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">//Указывает какой версией html был написан наш документ.

<html>//Всё содержимое веб-страницы размешается между тегами <html>…</html>

<head> // С помощью этого тега мы можем записывать заголовок сайта
<title>ProblemComp.ru</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> // Этот тег указывает нам какой у тип и кодировку страницы.
<meta name="keywords" content=""> // этот тег помогает нам, записывать ключевые слова нашего сайта.
<meta name="description" content=""> // этот тег помогает нам, записывать описание сайта.

</head>

<body> // Между этими тегами собственно и размешаем содержимое нашей страницы, которая будет отображаться в окне браузера <body>...</body>

<p align="center">Добро пожаловать на ProblemComp.ru</p>

</body>

</html>

Также теперь вместо тега:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">.

Можно использовать менее громоздкий:

<!DOCTYPE html>

При сохранении html документа нам нужно сохранить его в формате *.htm и тип файла выбрать “Все файлы”. Проделав всё это у вас должно получится, что-то типа этого:

  На сегодня вроде всё. До скорых встреч!

Подписка
Понравился пост? Так введи Email адрес и жми "Подписаться":


One Comment

  1. так нормально, я кстати изучил бы как самому создать уникальный дизайн для блога, а то мне уже надоели стандартные темы)

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

Ваш email не будет опубликован. Обязательные поля отмечены *