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

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

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

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

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

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

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

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

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

Азы программирования для начинающих. Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html. Именно с помощью элементов html который прописан на каждой конкретной странице любой браузер узнает: какой требуется указывать шрифт, какие между текстовыми строчками должны быть пробелы, какого размера должен быть тот или иной текст и.т.д. Сама суть, языка разметки, кроется в его названии – размещает, тесть диктует вариант размещения информации на странице. Если Браузер это программа MS Word, то документом будет та же текстовая информация с картинками и прочим, но уже наполненная html кодом. Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку.

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

Азы программирования для начинающих.

Что же собой представляет файл html?  Это сокращенная аббревиатура

от Hyper Text Markup Language что на русском звучит как язык

гипертекстовой разметки. Данный язык разметки используется для

отображения интернет страниц. Когда вы набираете в поиске запрос и

переходите на любой сайт, и страница поисковика и сайта отображается

с помощью Html. Именно с помощью элементов html который прописан

на каждой конкретной странице любой браузер узнает: какой требуется

указывать шрифт, какие между текстовыми строчками должны быть

пробелы, какого размера должен быть тот или иной текст и.т.д.

Сама суть, языка разметки, кроется в его названии – размещает,

тесть диктует вариант размещения информации на странице.

Если Браузер это программа MS Word, то документом будет та же

текстовая информация с картинками и прочим, но уже наполненная

html кодом. Если вы все же решитесь не вставлять дополнительные

элементы, а просто вставить необходимые абзацы, они тоже

отобразятся, однако совсем не так как это выглядит в текстовом

редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего.

Браузер не понимает код обычного Word, он реагирует только на html

разметку.

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

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

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

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

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

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