HTML для чаиников (inet.webbuild.htmlchainik) : Рассылка : Subscribe.Ru

HTML для чаиников

Статистика

Создаем новый HTML документ

Подписаться Бесплатная новостная рассылка Подписчиков 17 RSS

Июль 2003 →
	1	2	3	4	5	6
7 07.07.2003 10:05:08 10:08:45	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25 25.07.2003 19:13:46 19:30:30	26	27
28	29	30	31

За последние 60 дней ни разу не выходила

Сайт рассылки: http://webcod.h10.ru
Открыта: 05-07-2003

Автор

Danila

17 подписчиков
0 за неделю

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

Информационный Канал Subscribe.Ru

::....: Из архива рассылки "HTML для чайников" :....::

Свои вопросы присылайте по адресу: monas3@yandex.ru. Ответы будут публиковаться в следующем выпуске рассылки.

Июль 2003 →

7 07.07.2003 10:05:08 10:08:45

25 25.07.2003 19:13:46 19:30:30

Так как мы с вами только начинаем изучать HTML, то и инструменты у нас будут простейшие. Создавать новый файл мы будем в Винбовзовсксм блокноте.

Создайте папку "home", в ней будут лежать наши html странички (порядок прежде всего:). Вот. Открываем мы блокнот и видим... Ничего не видим. Зато подумали (когда я был полным ламером в HTML'е, я на долгое время загрузился этой проблемой), раз это блокнот то он сохраняет файлы с расширением *.txt, а нам надо *.htm. Делается это так, нажимаете в меню Фаил\Сохранить как..., в появившемся окне, внизу, набираете имя файла, после ставите "." и набираете "htm" в итоге у вас получился файл "имя.htm". Так это первый файл в нашей директории, то назовем его "index.htm". Сохраняем этот файл по пути "c:/home/index.htm".

Мы благополучно создали файл. Теперь надо приступить непосредственно к его заполнению, но перед этим немного теории.

Когда WEB-броузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

<HTML> ...тело документа... </HTML>

Но в реальной жизни этого не достаточно. Еще должны быть Заголовочная часть документа <HEAD>, Заголовок документа <TITLE>, Тело документа <BODY>, иначе в сети ваш HTML документ будет не корректно отображаться.

Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет из себя общее описание документа. Избегайте размещать какой-либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например: <HTML> <HEAD> <TITLE> Наша с вами первая страничка </TITLE> </HEAD> <BODY> Yes, yes, yes. Моя первя страничка готова, и я могу увидеть эти чудесные слова на своем мониторе. </BODY> </HTML>

Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <HEAD>-тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне, а размещается в его верхне части выше всех меню (в заголовке окна).

Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая (все вместе - смысловая) информация вашего документа, тоесть именно сюда вы запишете, то, что хотите донести до слушателей.





Свои вопросы присылайте по адресу: monas3@yandex.ru. Ответы будут публиковаться в следующем выпуске рассылки.

Copyright © 2003-****. webcod.h10.ru.
Авторские права на всю информацию и графику принадлежат администрации сайта или авторам. При использовании или цитировании любого материала ссылка на сайт или автора обязательна. 


 
 
 
http://subscribe.ru/ 

E-mail: ask@subscribe.ru 
 
Отписаться 

Убрать рекламу



        
        

        
         

                                                                  
    В избранное

 

 







 















{#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="Войти">
     <!--</a>-->
     <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 class="gray_bg register_shadow"></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}

 













    
        

            
                
                    Пользователю
                    Вход для авторов
                    Регистрация
                    Регламент
                    Помощь
                
                
                    Инфо
                    О компании
                    Блог Subscribe.ru + 
                    Безопасность
                    Вакансии
                    Обратная связь
                
                
                    Услуги
                    Реклама
                    Корпоративные издания
                    Sendsay
                    Аукцион рассылок
                    События
                
                
                    Каталог рассылок
                    Автомобили
                    Туризм
                    Мир женщины
                    Бизнес и карьера
                    Экономика и финансы
                    Hi-Tech
                    Компьютеры и интернет
                
            
            
                
                     
                    Спорт
                    Прогноз погоды
                    Новости и СМИ
                    Страны и Регионы
                    Общество
                    Дом и семья
                    Культура, стиль жизни
                
            
        

        

        
            © 1997- АО «Интернет-Проекты»

            Дизайн сайта - Nikoland
2014

            
                
                    Мы вконтакте
                    Мы в Одноклассниках
                
            

        
        
            
                © 1997-  АО «Интернет-Проекты»
                
Дизайн сайта - Nikoland
2014