Структура html документа

Безимени-179Обучения азам HTML достаточно скрупулезный и длительный процесс. Успех в обучении во многом обуславливается такими личными качествами, как усидчивость, терпеливость, самое главное — это желания все же научится этому языку. Только обладая такими способностями вы сможете достигнуть успеха на поприще вебмастера, а соответственно и зарабатывать через свой сайт в Интернете. Профессиональные сайтостроители имеют на сайтах очень неплохие деньги.
Но для начала немного теории об основных кодах html для построения сайта.
Текст, изображения — все что вы видите на станице вашего сайта отражается из-за использования гипертекстовой разметки HTML документа. Во всех HTML документах присутствуют некие знаки, которые называют тегами. С их помощью вы можете создать свою интернет-страничку ( разместить текст с картинками или добавить другие элементы). Таких тегов огромное количество, а каждый из них имеет свою конкретную функцию и помещается между скобок < >. К примеру, <br> выполняет перенос текста но новую строку.

Структура исходного HTML кода весьма схожа с построением любого художественного рассказа. Вы, наверное, еще со школы помните, что литературное произведение строится из: вступления (пролога), основной части и заключительной части (эпилога). Так вот с HTML кодом также. Любой сайт строится из тех же частей: вступительной части, основной и завершающей. HTML страничка содержит обязательный набор тегов. Открывает HTML документ <html>, очерчивает заголовок, который находится в верхней строчке вашего инетрнет-браузера специальный тег <title></title>, в <head></head> содержится краткая информация о вашем вебсайте, тег <body></body> обрамляет собой содержание документа, а </html> – закрывающий страничку HTML тег. Вы, вероятно, заметили, что каждый из этих тегов представляет собой пару тегов. Один открывающий, например <title> и другой закрывающий – </title>. Надеюсь, вы уже уловили в чем собственно разница между открывающим и закрывающим тегом. Верно, закрывающий тег в добавок имеет косую черту, но важно не спутать наклон этой черты, ведь она должна быть расположена именно так / и не иначе. Каждый открытый вами тег должен иметь свою закрывающую пару. Естественно, есть исключения из нескольких тегов. Тот же <br> не имеет своего закрывающего тега.

Между тегами могут стоять и другие теги. Например так:

<тэгA><тэгБ><тэгВ></тэгВ></тэгБ></тэгA>

Отметьте, что тот тег, которым мы начинали первым закрывается последним, а второй идет предпоследним и далее в таком же порядке. Такое расположение тегов единственно верное, так что постарайтесь быть внимательными во время написания HTML кода.

А теперь давайте попробуем сформировать структуру вашего потенциального сайта для зарабатывания в интернете. Его вид будет таким:

 

Для наглядности возьмем отрывок текста из вводной части. Вам необходимо придумать короткое описание вашего ресурса и так поместить его: <title>описание вашего сайта</title>. Во время открытия вашей станица с кодом HTML, описание будет находится в левом верхнем углу вашего интернет-браузера, а не на на странице с основной информацией. Основной контент нужно вставлять посреди тегов: <body>ваш контент</body>. Оконченный код будет иметь такой вид:

 

Сейчас откроем написанную страничку в HTML и проверим, что же у нас в результате получилось. Это можно проделать таким образом:

1. Кнопка «Пуск»«Все программы»«Стандартные»«Блокнот» Написание веб документа.

2. Копируем уже написанный код на HTMLе и размещаем его в блокноте. Нажимаем «Файл»«Сохранить как…» – Создаем папку, куда будем сохранять.

3. Называем созданный файл, допустим «Азы сайтостроения.html». Помните, что .html нужно обязательно добавлять к вашему файлу, иначе документ будет отображаться как обычный текстовый файл. В конце нажимаем «Сохранить».

4. Открываем сохраненный файл и любуемся своей работой.

Если внесли какие-либо изменения в ваш документ, то для проверки этих изменений нужно повторить манипуляции по сохранению указанного файла, описанные в предыдущих пунктах и в конце нажмите «Обновить». Если никаких изменений не произошло, то, вероятно, вы что-то неправильно записали, или не сохранили измененный документ.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

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

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика