HTML-страница, как и любой документ, имеет свою структуру. Глядя на текст страницы документа, сразу видна структура: вот шапка, вот название, далее сам текст, "тело" документа, и завершение - подписи, например. Также и структура HTML-страницы позволяет выделить в ней HEAD - голову и BODY - тело. А для того, чтобы было ясно, что это именно html страница , всё это предваряется меткой <HTML> и заключается меткой </HTML>. Все эти выделения и метки нужны не ради красоты. Именно они подсказывают браузеру, как именно интерпретировать текст и служебные слова и символы, которые он встретит на странице HTML документа. Код html страницы содержит в себе и другие элементы, определяющие форматирование текста, рисунки, списки, таблицы и т.д. И в конечном итоге от этого зависит, что именно мы увидим на экране.
HTML страница это обычный текстовый документ, и её можно изготовить, работая даже в обычном блокноте Windows. Однако сейчас существуют многочисленные HTML редакторы, помогающие избавиться от рутины. Самостоятельно выписывать "скелет" HTML страницы уже нет необходимости, однако знать и разбираться в нём всё равно совершенно необходимо. Тем более, что это совсем несложно.
Итак, нажимая в HTML редакторе кнопочку New, мы получаем страницу вот с таким текстом:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
(стиль и цвет текста соответствуют стилю и цвету текста моего HTML редактора)
Страница начинается с описания типа HTML документа. Стандарт HTML постоянно совершенствуется, и его положения содержатся в официальных документах организаций, этим занимающихся. Из первых двух строк видно, что наша страница является документом по стандарту HTML 4.01, описание которого можно посмотреть по адресу
http://www.w3.org/TR/html4/loose.dtdСтандарт предполагает наличие такого описания, однако оно совсем необязятельно, и его можно, по крайней мере, в настоящее время, совершенно безболезненно опустить.
Далее идёт метка (так называемый тег)
<html>. Встречая на странице этот тег, дальнейшее содержимое браузер начинает рассматривать именно как страницу HTML. И заканчивает соответствующим парным тегом - </html> (очень многие теги имеют завершающую пару, предваряемую слешем - символом " / "). Таким образом, тег </html> должен быть последним на HTML странице.За тегом
<html> следует "голова" HTML документа, заключающаяся между тегами <head> и </head>. Здесь описывается название, тема HTML документа, и те правила, которые относятся ко всему документу, например, стили отображения тех или иных элементов страницы. Как минимум, здесь должен содержаться один из важнейших элементов с точки зрения пользователя (а раз так, то и поисковых машин) - парный тег <title> - </title>. Текст, расположенный между ними, рассматривается как название страницы. Он не появляется непосредственно в тексте страницы, но выносится браузером в свой заголовок:| Содержимое страницы | Отображение в браузере |
<html>
|
 |
Именно содержимое тегов
<title></title> выводится поисковой системой на страницы результатов поиска по запросу пользователя. Поэтому подбору и наиболее точному соответствию заголовка содержанию страницы нужно уделять большое внимание.Понятие о теме страницы даётся дополнительными тегами, содержащими атрибуты со значениями keywords и description, а ссылки на правила и вспомогательные функции содержатся в тегах
<script> и <link>. Но сейчас речь не о них.Продолжаем разговор. Вслед за тегами
<head></head> идут теги, внутри которых размещается основное содержимое HTML страницы:На основе этих тегов можно рассмотреть такое понятие, как атрибуты тегов. Атрибуты тегов придают дополнительные нюансы интерпретации тегов. Например, тег
<body> имеет среди прочих такие атрибуты как bgcolor и background, позволяющие задать фоновый цвет или фоновое изображение для всей HTML страницы. Вот как это выглядит:
<body bgcolor="violet">
или
<body background="jpg/title.jpg">
Конечно, нет необходимости помнить все атрибуты тегов, как и их значения. Достаточно поставить курсор внутрь тега, и HTML редактор подскажет, какой набор атрибутов имеет тот или иной тег, и поможет выбрать значения для тех из них, которые окажутся нужны вам для описания HTML страницы. Поэтому теперь нужно установить какой-либо HTML редактор. У всех свои предпочтения. Мой выбор - Blumentals WeBuilder 2010. Это один из лучших универсальных редакторов HTML, CSS, PHP, JavaScript, теперь и на русском! Я, правда, до сих пор пользуюсь версией 2008, и не нарадуюсь.
Конечно, существуют программы, выполняющие вообще всю работу по созданию HTML страницы, и даже сайта целиком. Однако, если мы хотим научиться языку HTML, подобная "услужливость" не входит в наши интересы. К тому же, если вы для создания сайтов будуте уметь только нажимать на кнопки, ни одна фирма вас на работу не возьмёт!
В начало урока
Следующий урок
На Главную
megorZoor, добавлено 26.12.16, 14:37:21
Срочно требуются рабочие. Обработка зказов на дому.
Без вложений, на системе автоматического приёма и обработки заказов.
Более подробно здесь >> obrabotka-zakazov.tk <<
tegorZoor, добавлено 14.01.17, 22:08:06
Ведущая компания в России и странах СНГ по продаже авиабилетов «Airline-online»
Крупнейшая международная компания по продаже А/В билетов
срочно набирает сотрудников на постоянную основу для несложной
работы через интернет, с ежедневными выплатами от 11 000 руб.
Работая в нашей компании Вы получаете:
- Соблюдение трудового кодекса
- Полный соцпакет, оплачиваемый отпуск, больничный, санаторий.
- Высокий доход
- Каждый наш сотрудник на дому гарантированно получает от 11 000 руб. в день.
- Гарантированные стабильные выплаты заработанных денег.
- Выплаты происходят ежедневно на банковские карты или электронные кошельки.
Пройдите регистрацию у нас на сайте. ( airline.zarplatt.ru )
Без вложений, опыт и профессиональные навыки не требуются!
qegorZoor, добавлено 15.01.17, 01:48:39
Теперь Ваш новый график работы будет выглядеть так -
В день вы будете заняты всего 60 минут - остальное время посвящайте себе и своим близким!
Мы гарантируем:
- Первые деньги на вашей карте уже сегодня.
- Обучение. Поддержка учеников пн-птн с 10-18 мск.
- Куратор, который скоординирует ваше обучение.
- Никаких сложных схем!
- Работаете дома, по своему графику.
Все подробности у нас на сайте. ( stabilno.zarplatt.ru )
vpavelZoor, добавлено 29.01.17, 22:09:49
Наш сервис предоставляет настоящие лайки на фотографии заказчиков, которые готовы платить за качество.
Именно для этого мы и набираем удалённых сотрудников, которые будут выполнять работу, то есть ставить лайки и получить за это деньги.
Чтобы стать нашим удалённым сотрудником и начать ставить лайки, зарабатывая при этом 45 рублей за 1 поставленный лайк,
достаточно просто зарегистрироваться на нашем сервисе. > www.like.zarplatt.ru <
Вывод заработанных средств ежедневно в течении нескольких минут.
Henny, добавлено 2.04.17, 12:12:27
Nice weblog right here! Also your website so much up very fast! What web host are you using? Can I am getting your asotciase link to your host? I desire my web site loaded up as fast as yours lol
Срочно требуются рабочие. Обработка зказов на дому.
Без вложений, на системе автоматического приёма и обработки заказов.
Более подробно здесь >> obrabotka-zakazov.tk <<
tegorZoor, добавлено 14.01.17, 22:08:06
Ведущая компания в России и странах СНГ по продаже авиабилетов «Airline-online»
Крупнейшая международная компания по продаже А/В билетов
срочно набирает сотрудников на постоянную основу для несложной
работы через интернет, с ежедневными выплатами от 11 000 руб.
Работая в нашей компании Вы получаете:
- Соблюдение трудового кодекса
- Полный соцпакет, оплачиваемый отпуск, больничный, санаторий.
- Высокий доход
- Каждый наш сотрудник на дому гарантированно получает от 11 000 руб. в день.
- Гарантированные стабильные выплаты заработанных денег.
- Выплаты происходят ежедневно на банковские карты или электронные кошельки.
Пройдите регистрацию у нас на сайте. ( airline.zarplatt.ru )
Без вложений, опыт и профессиональные навыки не требуются!
qegorZoor, добавлено 15.01.17, 01:48:39
Теперь Ваш новый график работы будет выглядеть так -
В день вы будете заняты всего 60 минут - остальное время посвящайте себе и своим близким!
Мы гарантируем:
- Первые деньги на вашей карте уже сегодня.
- Обучение. Поддержка учеников пн-птн с 10-18 мск.
- Куратор, который скоординирует ваше обучение.
- Никаких сложных схем!
- Работаете дома, по своему графику.
Все подробности у нас на сайте. ( stabilno.zarplatt.ru )
vpavelZoor, добавлено 29.01.17, 22:09:49
Наш сервис предоставляет настоящие лайки на фотографии заказчиков, которые готовы платить за качество.
Именно для этого мы и набираем удалённых сотрудников, которые будут выполнять работу, то есть ставить лайки и получить за это деньги.
Чтобы стать нашим удалённым сотрудником и начать ставить лайки, зарабатывая при этом 45 рублей за 1 поставленный лайк,
достаточно просто зарегистрироваться на нашем сервисе. > www.like.zarplatt.ru <
Вывод заработанных средств ежедневно в течении нескольких минут.
Henny, добавлено 2.04.17, 12:12:27
Nice weblog right here! Also your website so much up very fast! What web host are you using? Can I am getting your asotciase link to your host? I desire my web site loaded up as fast as yours lol