Общий форум

решение проблематичных вопросов, обмен информацией и полезными ссылками.
база избранных сайтов со всего интернета и многое другое


Загрузка...
Загружается... Ждите...

Вход

Забыли пароль?

Ноябрь 2017

ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
27282930   

Календарь Календарь


    [HTML] Введение

    Поделиться
    avatar
    Mc_Wh1te
    Проверенные
    Проверенные

    Пол : Мужчина
    Сообщений : 29
    Город : Тольятти

    default [HTML] Введение

    Сообщение автор Mc_Wh1te в 1/7/2011, 14:59

    Доброго времени суток. Этот раздел посвящен разработке Web-сайтов с использованием языка разметки гипертекста HTML.


    И в первом уроке мы рассмотрим структуру HTML документа.

    Код:
    <!DOCTYPE html>
    <HTML>
        <HEAD>
        <TITLE>Заголовок документа</TITLE>
        </HEAD>
    <BODY>
    Текст документа
    </BODY>
    </HTML>

    Это уже "полноценная" HTML страница.

    Теперь разберем что к чему относиться, и что означает.

    [1] - Элемент предназначен для указания типа текущего документа. Это необходимо, чтобы браузер мог понимал, как следует интерпретировать текущую web-страницу, т.к HTML существует в нескольких версиях, в данный момент я указал версию HTML 5. Синтаксис этого тега выглядит так : .
    В HTML 5 это просто -

    [2] - Далее идут теги и , между ними следует разместить заголовок и тело документа.

    Из кода видно, что код состоит из двух основных блоков – "заголовка" и "тела". Заголовок определяется с помощью тега , а тело – тегом .

    [3] - Заголовок web-страницы прописывается в теге <br />[4] - Тег <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. В него вы сможете поместить картинки, видео, текст и д.т.<br />На этом урок окончен, спасибо за внимание. </strong><br /><strong>Автор урока: Moonliht</strong></i></font></div><div class="clear"></div></div></div></div><div class="post-footer clearfix"><ul class="misc-icons"><li><a href="#top"><img src="https://illiweb.com/fa/invision/p_up_en.gif" alt="Вернуться к началу" /></a></li><li></li></ul><ul class="posting-icons"><li></li><li></li><li></li><li></li><li></li></ul></div></div><!-- closing tag post --><div class="topic-footer clearfix"><div class="next-prev">« <a href="/t78p-topic">Предыдущая тема</a> · <a href="/t78n-topic">Следующая тема</a> »</div></div></div><div class="posting-options topic-options"><ul class="posting-buttons clearfix"></ul></div><div class="clearfix empty-clear"></div><div class="row2"><div id="ptrafic_close" class="clearfix" style="display:none"><div class="maintitle floated"><h3>Похожие темы</h3><div class="right rtl-inversion-right"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="" border="0" /></a></div></div></div><div id="ptrafic_open" class="clearfix" style="display:''"><div class="maintitle floated"><h3>Похожие темы</h3><div class="right rtl-inversion-right"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="" border="0" /></a></div></div><div>» <a href="http://e-generation.forum2x2.ru/viewtopic?t=577&topic_name" target="_blank" title="1. Введение" rel="nofollow">1. Введение</a><br />» <a href="http://birsp.forum2x2.ru/viewtopic?t=1119&topic_name" target="_blank" title="Мультиварка-скороварка ARC - ОТЗЫВЫ!" rel="nofollow">Мультиварка-скороварка ARC - ОТЗЫВЫ!</a><br /></div></div></div><br /><a name="quickreply"></a><script type="text/javascript">//<![CDATA[ $(resize_images({ 'selector' : '.postbody .post-entry', 'max_width' : 300, 'max_height' : 300 }));//]]></script><script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script></div></div></div></div><div id="right"><div class="module borderwrap"><div class="box-content"><!-- ===================ФУТЕР +js --><div id="cntb" class="contbaner"><center> Общий форум gorezcaid.forumbook.ru ВСЕ ПРАВА ЗАЩИЩЕНЫ ©2010-2011.Любое использование статей, графики, материалов сайта, частично или целиком, допускается только с письменного согласия автора сайта и автора материала, с обязательной ссылкой на источник и с указанием автора.Закон РФ "Об авторском праве и смежных правах" от 09.07.1993 N 5351-1 (ред. от 20.07.2004) </center></div> <!-- ===================ФУТЕР +js --> <!-- Реформал форума gorezcaid.forumbook.ru --> <script type="text/javascript" language="JavaScript" src="http://reformal.ru/tabn2v4.js?charset=windows-1251"></script><noscript><a href="http://gorezcaid.reformal.ru">Реформал форума gorezcaid.forumbook.ru feedback</a> <a href="http://reformal.ru">на платформе <img src="http://widget.reformal.ru/i/reformal_ru.png" /></a></noscript> <!-- / Реформал форума gorezcaid.forumbook.ru --> <!-- Вставка ника и быстрая цитата, скрипт Обязательное условие, ставить в правый виджет --> <!-- <script>var inn = '['+'b]'; var outt = '['+'/b], '; var inn1 = '[quote="'; var inn2 = '"]'; var outt1 = '['+'/quote]'; var txt = '';sch = document.getElementsByTagName("img"); ix = 0;namesch = document.getElementsByTagName("dl"); ixis = 0;while(sch[ix]){if (sch[ix].className == "i_icon_quote"){sch[ix].parentNode.href="#bottom";sch[ix].parentNode.onclick = function() {if (document.getSelection) {txt=document.getSelection();}else if (document.selection) {txt=document.selection.createRange().text;}rtx = this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName("dl"); ixi = 0;while(rtx[ixi]){if (rtx[ixi].className == "postprofile-details postdetails"){conts = rtx[ixi].getElementsByTagName("a")[1].innerHTML.substring(0,1);if (conts != "<"){document.post.message.value += inn1 + rtx[ixi].getElementsByTagName("a")[1].innerHTML + inn2 + txt + outt1;}else {document.post.message.value += inn1 + rtx[ixi].getElementsByTagName("a")[1].getElementsByTagName("strong")[0].innerHTML + inn2 + txt + outt1;}}ixi++}}}ix++}while(namesch[ixis]){if (namesch[ixis].className == "postprofile-details postdetails"){namesch[ixis].getElementsByTagName("a")[1].href = "#bottom";namesch[ixis].getElementsByTagName("a")[1].onclick = function() {conts = this.innerHTML.substring(0,1);if (conts != "<"){document.post.message.value += inn + this.innerHTML + outt;}else {document.post.message.value += inn + this.getElementsByTagName("strong")[0].innerHTML + outt;}}}ixis++}</script> --> <!-- / Вставка ника и быстрая цитата, скрипт Обязательное условие, ставить в правый виджет --> <!-- отдельный вход для PR --> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("input[name='login']").after(jQuery('<button type="button" title="Войти как User" id="prbutton"> Войти как User</button>')); jQuery("#prbutton").click(function(){ jQuery("input[name='username']").val('user'); jQuery("input[name='password']").val('user01'); jQuery("input[name='login']").click(); }) });</script> <!-- /отдельный вход для PR --></div></div><div style="height:6px"></div></div></div></div></div><div class="clearfix"></div><div id="gfooter"><div class="clearfix"><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump"><fieldset><select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Выберите форум</option><option value="-1"></option><option value="-1">|</option><option txt="foro" value="c1">|--Общий</option><option txt="foro" value="f26">|   |--Новости</option><option txt="foro" value="f1">|   |--Свободное общение</option><option txt="foro" value="f5">|   |--Для гостей</option><option value="-1">|   </option><option txt="foro" value="c3">|--Софт</option><option txt="foro" value="f12">|   |--Программы</option><option txt="foro" value="f17">|   |   |--Видео</option><option txt="foro" value="f18">|   |   |--Аудио, Звук</option><option txt="foro" value="f19">|   |   |--Реестр, диски и файлы</option><option txt="foro" value="f21">|   |   |--Закачка, интернет</option><option txt="foro" value="f27">|   |   |   |--Браузеры</option><option value="-1">|   |   |   </option><option txt="foro" value="f20">|   |   |--2d Графика и дизайн</option><option txt="foro" value="f24">|   |   |--Текст, документы</option><option txt="foro" value="f22">|   |   |--Разработчику</option><option txt="foro" value="f25">|   |   |--Система</option><option txt="foro" value="f23">|   |   |--Разное</option><option value="-1">|   |   </option><option txt="foro" value="f4">|   |--3d моделирование</option><option txt="foro" value="f40">|   |--Программирование</option><option txt="foro" value="f3">|       |--Создание программ на NeoBook</option><option value="-1">|   </option><option txt="foro" value="c6">|--Игры, развлечения</option><option txt="foro" value="f15">|   |--Игры для ПК / Games for РС</option><option txt="foro" value="f29">|   |--Профессиональные 3d игры / PRO games</option><option txt="foro" value="f13">|   |--Флеш игры / Flash games</option><option value="-1">|   </option><option txt="foro" value="c4">|--Интернет</option><option txt="foro" value="f39">|   |--Музыка</option><option txt="foro" value="f35">|   |   |--Музыкальные клипы</option><option value="-1">|   |   </option><option txt="foro" value="f14">|   |--Сайты</option><option txt="foro" value="f7">|   |   |--Полезные ссылки</option><option txt="foro" value="f10">|   |   |--Полезные html коды</option><option txt="foro" value="f30">|   |   |--Файлообменники</option><option value="-1">|   |   </option><option txt="foro" value="f31">|   |--Телевидение (Онлайн + Записи)</option><option txt="foro" value="f32">|   |   |--Симпсоны / The Simpsons</option><option txt="foro" value="f34">|   |   |--Футурама / Futurama</option><option value="-1">|   |   </option><option txt="foro" value="f28">|   |--Обучающие учебники,руководства,справочники</option><option txt="foro" value="f36">|   |   |--Учебник по Html</option><option txt="foro" value="f37">|   |   |   |--Нулевой уровень</option><option value="-1">|   |   |   </option><option txt="foro" value="f38">|   |   |--Дополнительно</option><option value="-1">|   |   </option><option txt="foro" value="f33">|   |--Поддержка ваших проектов и их продвижение...</option><option value="-1">|   </option><option txt="foro" value="c2">|--Модераторы и Администрация</option><option txt="foro" value="f6">    |--Модераторы и Администрация сайта</option></select><input type="hidden" name="tid" value="0e21d1f83c98bc89e9800998ecf8427e" /></fieldset></form><div class="current-time">Текущее время 22/11/2017, 01:08</div><div class="centerer footer-links"><del><ul><li><strong><a href="http://www.forum2x2.ru/create-forum/phpbb3" target="_blank">Создать форум</a></strong> | <a href="https://www.forum2x2.ru/invision" target="_blank">Invision</a> | <a name="bottom" href="http://help.forum2x2.ru/" target="_blank">Бесплатный форум поддержки</a> | <a name="bottom" href="/contact" rel="nofollow">Контакты</a> | <a href="/abuse?page=%2Ft78-topic&report=1" rel="nofollow">Сообщить о нарушении</a> | <strong><a href="http://www.blog2x2.ru" target="_blank">Создать ваш бесплатный блог</a></strong></li></ul><ul><li><a name="bottom" class="copyright" href="http://gorezcaid.forumbook.ru/post?f=16&mode=newtopic" rel="nofollow" target="_top" title="Написать нам">Написать нам</a></li></ul></del></div></div></div><p class="center"><strong></strong></p></div></div></div></div><script>$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'http://gorezcaid.forumbook.ru/topicit/index.php/connect','data-version' : '1','data-lang' : 'ru'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { api_url: '//api.viglink.com/api', key: '9019de09e2fbd24ca1be00a9fededd9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = ('https:' == document.location.protocol ? vglnk.api_url : '//cdn.viglink.com/api') + '/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script><script type="text/javascript"> document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.superadexchange.com/a/display.php?r=1242764"></scr' + 'ipt>'); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></body></html>