Здравствуйте Гость!


Запомнить.
Авто. вход.
Забыли пароль?
Регистрация

ПОДПИСКА Подписавшись по E-mail, Вы будете получать уведомления о новых статьях к себе на почту.
Подписатся на почтовую рассылку на сайте astranar.ru
Подписаться



ДОБАВЛЯЙТЕСЬ В ДРУЗЬЯ Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте на стене моего аккаунта.
Мой аккаунт Вконтакте
Мой аккаунт
Главная - HTML - Начало работы с HTML


Начало работы с HTML


Привет всем, я предложу начать обучение HTML с стандартной разметки HTML страницы, ну а вы постарайтесь разобраться с кодом и запомните структуру документа потому как вам она всегда понадобится, это своего рода шуруп для строителя.
Если вы умелый пользователь ПК то вам можно читать дальше, если же нет, то эта статья не для вас. Вам нужно освоить программы компьютера к примеру я пользуюсь Notepade++...
С чего же начинать? Во-первых попробуйте сделать следующее... Откройте стандартный блокнот «Windows» и скопируйте в него:

<!--Пример HTML документа.-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!--Следующая строчка - кодировка.-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Наша первая страница</title>
</head>
<body>
<!--Теперь указываем название шрифта, его размер и цвет.-->
<font face="Verdana" size="3" color="#000000">
<b>Название Вашего раздела
Здесь Ваш текст.
<br />
</font>
</body>
</html>

Теперь давайте разберем этот код. Большинство тегов имеют открывающийся элемент <> и закрывающийся </>. Между ними и находяться коды, которые распознает браузер.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
HTML-документ всегда должен начинаться с объявления браузеру какой версии международной спецификации html он соответствует. Верхняя строчка сообщает браузеру, что этот HTML документ соответствует версии 4.0 международной спецификации HTML.
<Html>
Открывающий тег, который объявляет о начале документа. <Head>
Открывающий тег заголовка или головы документа (кому как удобно). В дальнейшем, если речь будет идти о заголовке документа, будем говорить тег <head>, имя в виду «заголовок» документа. Между открывающим <head> и закрывающим </head> тегом располагается название документа и служебная информация для браузеров и поисковых машин.
В нашем случае это информация о кодировки страницы <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <Title>
Открывающий тег названия документа дает браузеру понять, что все что написано сразу за этим тегом и до закрывающего тега </Title> является названием документа. Это название выводится браузером на самую верхнюю панель браузера.
</Title>
Закрывающий тег названия документа дающий понять браузеру, что на этом действие тега <Title> закончилось.
</Head>
Закрывающий тег заголовка или головы документа дающий понять браузеру, что на этом действие тега <Head> закончилось. <Body>
Только теперь между открывающим тегом <Body> и закрывающим </Body> находится все, что выводится браузером на экран. Это таблицы, текст, изображения. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки.
</Body>
Закрываем тело документа. Сообщаем браузеру, что на этом тело или содержимое (кому как нравиться, мы будем говорить далее «тело») документа закончено. Иными словами в данном месте закончено действие тега .<Body></Html>
Закрываем HTML документ. Видя этот тег браузер понимает что действие тега <Html> на этом закончено.<br>
Теперь думаю вам будет более ясно что и как, можете поэкспериментировать! Удачи вам.



Просмотров страницы: 6447
Урок добавлен: 10 Июля 2012

<<<Предыдущая статьяСледущая статья >>>

Копирование материалов разрешается только с указанием автора (Пальгов Олег) и индексируемой прямой ссылкой на сайт (https://astranar.ru/)!

Добавляйтесь ко мне в друзья ВКонтакте: https://vk.com/palgov_oleg. Если Вы хотите оценить меня и мою работу, то напишите на стене моего аккаунта ВКонтакте.

Если Вы не хотите пропустить новые материалы на сайте, то Вы можете подписаться на обновления:
Подписаться на обновления


Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Ещё статьи по html:
Стандартная табличная верстка
Проверка статуса ICQ в HTML
Как сделать кнопку "Наверх"
Создание форм в HTML


Комментарии (0)


Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Начало работы с HTML
Всякая злость происходит от бессилия

Жан-Жак Руссо


Вступайте в группу!