Отправляет email-рассылки с помощью сервиса Sendsay

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Работа и отдых в Интернете" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

← Август 2010 →
	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	27	28	29
30	31

Автор

Lord Expert

Статистика

263 подписчиков
-1 за неделю

← Все выпуски →

ОСНОВЫ РАБОТЫ С HTML

Коротко о HTML

HTML (Hyper Text Markup Language) означает язык разметки гипертекста. Этот язык был
разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой
системы, которую он назвал World Wide Web (WWW) или Всемирная паутина. HTML предназначен
для написания гипертекстовых документов, публикуемых в World Wide Web. Документ на языке
HTML может включать следующие компоненты:
∙     стилизованный и форматированный текст,
∙     команды включения графических и звуковых файлов,
∙     гиперсвязи с различными ресурсами Internet.
∙     скрипты на языке JavaScript и VBScript.
∙     различные объекты, например Flash-анимацию

Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или
управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе
пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или
Opera), как надо вывести страницу.
Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого
текстового редактора.
Язык HTML является подмножеством мощного языка SGML (Standard Generalized Markup
Language), который широко используется в издательской деятельности. Основной выигрыш от
использования этих языков состоит в переносимости текста между разными издательскими
системами. Эта же особенность сохраняется и в HTML. Так, читая документ, пользователи могут
устанавливать способы выделения текста, гарнитуру и размер шрифтов по своему вкусу; они
могут отменить просмотр рисунков.
В документе HTML можно выделить два основных блока: головная часть и тело документа.
Содержимое головной части не выводится на экран пользователя, за исключением заголовка, в
ней, как правило, указывают ключевые слова, авторов и другую служебную информацию, а
также подключают внешние таблицы стилей и скрипты. В теле документа размещают ту
информацию, которая будет выведена пользователю.

Мой первый сайт

В разных операционных системах имеются различные редакторы, которые можно использовать
для создания документов HTML. Если вы используете:
∙     Microsoft Windows запустите редактор Notepad;
∙     Mac OS запустите редактор SimpleText;
∙     OSX запустите редактор TextEdit (обязательно измените настройки "Rich Text" или
"Расширенный текст" на "Plain text" или "Простой текст" и отметьте пункт "Ignore rich text
commands in HTML files" или "Игнорировать команды расширенного текстового формата в
файлах HTML").

Файлы HTML можно создавать и в редакторе Microsoft Word, в котором имеется возможность
сохранить документ как Web-страницу (в меню "Файл"), однако использовать эту возможность не
рекомендуется. Во-первых, потому что HTML-код, генерируемый MS Word не оптимален и
содержит множество ненужных элементов разметки, и, во-вторых, автоматическая генерация
кода не будет способствовать изучению и правильному пониманию HTML.
Имеется также большое количество специализированных редакторов для создания файлов HTML,
таких как FrontPage, Macromedia Dreamweaver или Adobe Web Bundle, которые обладают
возможностью WYSIWYG (What You See Is What You Get - что видишь, то и получишь). С их
помощью можно легко создавать документы HTML, при помощи кнопок и элементов меню, а не
писать самому теги разметки. Однако, как уже отмечалось выше, тем, кто хочет стать технически
грамотным разработчиком Web, настоятельно рекомендуется использовать простой текстовый
редактор для начального изучения HTML.

Напечатайте следующий текст:

<html>
<head>
<title>Это заголовок страницы</title>
</head>
<body>
<h1>Здравствуйте!</h1>
<p>Это моя первая страница HTML. <b>Этот текст выводится жирным шрифтом.</b></p>
</body>
</html>

Сохраните файл как "page1.htm".

При сохранении файла HTML можно использовать расширение .htm или .html. Расширение .htm
было принято для старых версий операционных систем, которые допускали трехбуквенное
расширение для файлов. В настоящее время практически все операционные системы не имеют
подобного ограничения и можно использовать расширение .html.
Теперь посмотрите, как браузер отобразит вашу первую страницу. Запустите браузер Интернет.
Выберите "Open" или "Open Page" ("Открыть" или "Открыть страницу") в меню File (Файл)
браузера. Появится диалоговое окно. Выберите "Browse" или "Choose File" ("Просмотр" или
"Выбрать файл") и найдите только что созданный файл HTML - "page1.htm" - выберите его и
щелкните на кнопке "Open" ("Открыть"). В диалоговом окне должен появиться адрес, например
"C:\MyDocuments\page1.htm". Щелкните на кнопке ОК, и браузер выведет на экран вашу
страницу.

Разбор примера

Ваш первый HTML-документ начинается с тега <html> , который сообщает браузеру о начале
документа HTML и заканчивается тегом </html> , который информирует браузер о достижении
конца документа HTML.
Текст между тегами <head> и </head> является информацией заголовка документа. Эта
информация не выводится в окне браузера.
Текст "Это заголовок страницы" между тегами <title> и </title> является заголовком
документа. Этот заголовок выводится в строке заголовка окна браузера.
Текст между тегами <body> и </body> является текстом, который будет выведен в окне браузера.
Текст "Здравствуйте!" между тегами <h1> и </h1> будет отображен стилем заголовка, обычно
жирным шрифтом большего размера.
Тег <p> означает, что начинается новый параграф, тег </p> означает конец параграфа.
Текст "Этот текст выводится жирным шрифтом." между тегами <b> и </b> будет выведен жирным
шрифтом.

Элементы HTML

Страницы Всемирной паутины отображаются при помощи документов HTML, которые являются
обычными текстовыми файлами, содержащими специальные теги разметки. Теги разметки
определяют элементы HTML, из которых состоят документы HTML.

Коротко о тегах
Теги HTML используются для выделения элементов HTML. Обычно теги HTML используются
парами и заключены между двумя символами угловых скобок < (начальный тег)> и </(конечный
тег)> . Текст между начальным и конечным тегами является содержимым элемента. Некоторые
теги не имеют конечного, например, тег принудительного переноса строки <br>, для таких тегов
рекомендуется использовать следующее написание <br/> .
Регистр символов для отображения тегов не важен, например, <p> и <P> означает одно и то же.
Однако в этом курсе используется нижний регистр для написания тегов. Это связано с тем, что
консорциум WWW (W3C), который занимается стандартизацией спецификации HTML,
рекомендует использовать теги в нижнем регистре, поскольку в следующем поколении
стандартов будет именно такое требование.

Коротко об элементах HTML

Рассмотрим тот же пример документа HTML:

<html>
<head>
<title>Это заголовок страницы</title>
</head>
<body>
<h1>Здравствуйте!</h1>
<p>Это моя первая страница HTML.
<b>Этот текст выводится жирным шрифтом.</b></p>
</body>
</html>

Элементом HTML является:
<h1>Здравствуйте!</h1>

Этот элемент начинается с тега <h1>, имеет содержимое "Здравствуйте!" и заканчивается тегом
</h1> .

Также элементом HTML является:
<p>Это моя первая страница HTML.
<b>Этот текст выводится жирным шрифтом.</b></p>

Этот элемент, начинается с начального тега <p> , заканчивается конечным тегом </p> и означает,
что содержимое элемента "Это моя первая страница HTML. <b> Этот текст выводится жирным
шрифтом. </b> " является отдельным параграфом. При этом внутри этого элемента находится
другой элемент:
<b>Этот текст выводится жирным шрифтом.</b>

Этот элемент HTML начинается с начального тега: <b> Содержимым элемента HTML является:
Этот текст выводится жирным шрифтом. Этот элемент HTML заканчивается конечным тегом </b> .
Назначение тега <b> состоит в определении элемента HTML, который должен выводиться жирным
шрифтом.

Все описанные элементы HTML содержатся в элементе:

<body>
<h1>Здравствуйте!</h1>
<p>Это моя первая страница HTML.
<b>Этот текст выводится жирным шрифтом.</b></p>
</body>

Этот элемент HTML начинается с начального тега <body> , и заканчивается конечным тегом
</body> . Назначение тега <body> состоит в определении элемента HTML, который содержит
основную часть (или тело) документа HTML.

Атрибуты тегов

Теги могут иметь атрибуты, которые предоставляют дополнительную информацию об элементах
HTML. Атрибуты всегда используются в виде пары "имя/значение". Общий формат задания
атрибутов имеет вид:
<имя_тега имя_атрибута="значение">

Например, тег:
<body bgcolor="red">

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

А тег:
<p align="center">

означает, что параграф необходимо выровнять по центру страницы отображения браузера.

Атрибуты всегда помещаются в начальном теге элемента HTML. Значения атрибутов всегда
полезно заключать в кавычки. Наиболее широко используются двойные кавычки, но одиночные
кавычки также допустимы.

В некоторых редких ситуациях, когда, например, значение атрибута само содержит кавычки,
необходимо использовать одиночные кавычки:
<html>
<body>
<abbr title='проект "ОСНОВЫ РАБОТЫ С HTML
Lord Expert" – Next Expert.ru'>Next Expert</abbr>
</body>
</html>

Кроме атрибутов, записываемых вышеописанным способом, для некоторых элементов
определены специальные флаги, которые просто указываются как <тег имя_флага>.
<html>
<body>
<p>Попробуйте исправить текст в этих полях ввода</p>
<form action="index.php" method="GET">
<input type="text" name="blocked"
value="Пример поля ввода, у которого указан флаг readonly"
readonly size="100"><br/><br/>
<input type="text" name="unblocked"
value="Обычное поле ввода у которого нет флагов"
size="100">
</form>
</body>
</html>

Основные теги HTML

Параграфы.
Прежде чем изучать теги форматирования HTML, посмотрим как введенный текст отобразится,
если не будут применены никакие теги кроме тегов <html> и <body> . Следующий пример
демонстрирует такой документ HTML
<html>
<body>
Этот текст будет показан в окне браузера.
</body>
</html>

Этот простой пример документа HTML, который содержит минимальное количество тегов HTML и
демонстрирует, как текст внутри элемента body отображается в браузере.
Если ввести большой объем текста таким способом, то читать его будет очень неудобно. Логичнее
разбить его на параграфы, как в книге, которые повышают читабельность текста, и кроме того
выделяют смысловые блоки.
Следующий пример показывает, как отображаются параграфы
<html>
<body>
<p>Это параграф 1.</p>
<p>Это параграф 2.</p>
<p>Это параграф 3.</p>
</body>
</html>

Этот пример демонстрирует, как в браузере выводится текст внутри элементов параграфа. Можно
видеть, что по умолчанию текст каждого параграфа выводится в виде отдельного блока. Каждый
из таких блоков отделяется от предыдущих и последующих блоков страницы пустой строкой.
Однако отображение параграфа браузером может быть легко изменено посредством таблицы
стилей.
Можно заметить, что параграфы можно записывать без закрывающего тега </p> , однако лучше
этого не делать, в следующей версии HTML все теги нужно будет закрывать.
В разных браузерах на разных мониторах с разным разрешением страница будет отображаться
по-разному, поэтому не стоит форматировать при помощи добавления пустых строк и пробелов.
Любое число пробелов заменяется одним.
Использование пустых параграфов <p> для вставки пустых строк является плохим стилем, вместо
этого используйте тег <br/> .

Заголовки.
Заголовки определяются с помощью тегов от <h1> до <h6> . <h1> определяет заголовок самого
большого размера, а <h6> определяет заголовок самого маленького размера.

<h1>Это заголовок первого уровня</h1>
<h2>Это заголовок второго уровня</h2>
<h3>Это заголовок третьего уровня</h3>
<h4>Это заголовок четвертого уровня</h4>
<h5>Это заголовок пятого уровня</h5>
<h6>Это заголовок шестого уровня</h6>

Заголовки автоматически отделяются дополнительными промежутками от остальных элементов
документа.

Переносы строк.

Для переноса внутри параграфа используется тег <br>, который выполняет принудительный
перенос строки.
<html>
<body>
<p>Это <br>пара<br>граф с переносами строк</p>
</body>
</html>

Тег <br> не имеет закрывающего тега. Поэтому для совместимости с будущими версиями
стандарта рекомендуется следующее написание тега <br/>

Горизонтальная линейка

Разделять различные элементы можно при помощи горизонтальной линейки, для этого
используйте тег <hr> :
<html>
<body>
<p>Этот параграф отобразится сверху горизонтальной полосы.</p>
<hr>
<p>Этот параграф отобразится снизу горизонтальной полосы.</p>
</body>
</html>

Тег <hr> не имеет закрывающего тега. Поэтому для совместимости с будущими версиями
стандарта рекомендуется следующее написание тега <hr/> . Для этого тега определен ряд
атрибутов, но они являются устаревшими. И хотя их применение возможно, но консорциум W3C
их использовать не рекомендует. Вместо них следует использовать таблицы стилей.

Комментарии в HTML

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


Вот пример:
<html>
<body>
Этот текст будет показан в окне браузера.

</body>
</html>

Дополнительные примеры

Лучшим способом изучения HTML является работа с примерами. Рассмотрим несколько примеров,
которые иллюстрируют некоторые элементы форматирования документов.

Дополнительные параграфы

Этот пример демонстрирует некоторые особенности поведения по умолчанию элементов
параграфа.
<html>
<body>

<p>
Этот параграф
содержит много строк
в исходном коде,
но браузер
это игнорирует.
</p>

<p>
Этот параграф
содержит     много пробелов
в исходном    коде,
но     браузер
это игнорирует.
</p>

</body>
</html>

Перенос строк

Этот пример демонстрирует использование переноса строк в документе HTML.
<html>
<body>

<p>
Чтобы выполнить перенос<br>строк<br>в
<br>параграфе,<br>используйте тег br.</p>
</body>
</html>

Этот пример демонстрирует некоторые проблемы с форматированием HTML. Попробуем
сформатировать стихи:
<html>
<body>

<p>
В лесу родилась елочка.
В лесу она росла.
Зимой и летом стройная,
Зеленая была.
</p>

<p>Обратите внимание, что браузер просто проигнорировал использованное
форматирование!</p>

</body>
</html>

Заголовки

Этот пример демонстрирует теги, которые выводят заголовки в документе HTML.
<html>
<body>

<h1>Это заголовок уровня 1</h1>
<h2>Это заголовок уровня 2</h2>
<h3>Это заголовок уровня 3</h3>
<h4>Это заголовок уровня 4</h4>
<h5>Это заголовок уровня 5</h5>
<h6>Это заголовок уровня 6</h6>

<h1 align="center">Это заголовок 1, он выровнен по центру страницы.</h1>

<p>Используйте теги заголовков только для заголовков.
Не используйте их просто для того, чтобы выделить что-то жирным шрифтом.
Используйте для этого другие теги.</p>

</body>
</html>

Горизонтальная линейка

Этот пример демонстрирует, как использовать горизонтальную линейку.
<html>
<body>
<p>Тег <hr> определяет горизонтальную линейку :</p>
<hr>
<p>Это параграф</p>
<hr>
<p>Это параграф</p>
</body>
</html>

Комментарий

Этот пример демонстрирует, как использовать комментарий в исходном коде HTML.
<html>
<body>

<p>Это обычный параграф.</p>

</body>
</html>

Фоновый цвет

Этот пример демонстрирует использование цветного фона на странице HTML. При выборе фона
всегда проверяйте, чтобы текст был хорошо читаем!
<html>
<body bgcolor="yellow">
<h2>Смотри: Цветной фон!</h2>
</body>
</html>

Таблица основных тегов HTML

Тег	Описание
<html>	Определяет документ HTML
<body>	Определяет основную часть или тело документа
<h1> -- <h6>	Определяет заголовки с 1 по 6
<p>	Определяет параграф
<br>	Вставляет единичный перенос строки
<hr>	Определяет горизонтальную линейку
<!-->	Определяет комментарий

Продолжение будет во второй части, всего намечается 4-5 частей.

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти">  <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div>  </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br /> <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}

Журнал Начинающего ВебМастера

Рассылка закрыта

Статистика

ОСНОВЫ РАБОТЫ С HTML

ОСНОВЫ РАБОТЫ С HTML

Коротко о HTML

Мой первый сайт

Элементы HTML

Коротко об элементах HTML

Атрибуты тегов

Основные теги HTML

Переносы строк.

Горизонтальная линейка

Комментарии в HTML

Дополнительные примеры

Лучшим способом изучения HTML является работа с примерами. Рассмотрим несколько примеров, которые иллюстрируют некоторые элементы форматирования документов.

Дополнительные параграфы

Перенос строк

Заголовки

Горизонтальная линейка

Комментарий

Этот пример демонстрирует, как использовать комментарий в исходном коде HTML. <html> <body>  <p>Это обычный параграф.</p> </body> </html>

Фоновый цвет

Таблица основных тегов HTML

Тег

Описание

<html>

Определяет документ HTML

<body>

Определяет основную часть или тело документа

<h1> -- <h6>

Определяет заголовки с 1 по 6

<p>

Определяет параграф

<br>

Вставляет единичный перенос строки

<hr>

Определяет горизонтальную линейку

<!-->

Определяет комментарий

Продолжение будет во второй части, всего намечается 4-5 частей.

Лучшим способом изучения HTML является работа с примерами. Рассмотрим несколько примеров,
которые иллюстрируют некоторые элементы форматирования документов.

Этот пример демонстрирует, как использовать комментарий в исходном коде HTML.
<html>
<body>

<p>Это обычный параграф.</p>

</body>
</html>