Gameaslife.Ru - Все для CS 1.6 и CS:GO http://gameaslife.do.am/ Gameaslife.Ru - Игровой форум Tue, 03 Mar 2015 17:20:00 GMT uCoz Web-Service HTML - Общее понимания об языке https://gameaslife.do.am/forum/32-106-1 Tue, 03 Mar 2015 17:20:00 GMT Форум: <a href="https://gameaslife.do.am/forum/32">HTML , CSS , JS</a><br />Автор темы: k1st<br />Автор последнего сообщения: shine<br />Количество ответов: 0 <span style="font-size:12px;"><div class="apomessage"><span class="ucoz-forum-post" id="ucoz-forum-post-30447" edit-url=""><b>HTML</b> (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. <br /> Ну а теперь информация от меня <img src="http://s48.ucoz.net/sm/2/tongue.gif" border="0" align="absmiddle" alt="tongue" /> <br /> Хочу сказать что данный язык программирования можно назвать основой web-программирования, так как структура сайта именно состоит из <b>html</b>, убедиться в этом довольно таки легко, для этого Вам лишь потребуется на любом сайте нажать правую кнопку мыши и выбрать "Просмотр кода страницы". После этих действий Вы увидите код который обычно начинается <!DOCTYPE> этот код дает возможность браузеру распознать тип сайта. Подробнее о DOCTYPE я укажу источники где Вы сможете узнать подробнее (ниже). <br /><br /> Собственно говоря долго описывать полное строение страницы, стоит лишь уделять по 20-30 минут в день и через месяц Вы уже будете свободно верстать страницы на html, но стоит так же параллельно изучать CSS - Язык который задет стили для страниц. <br /><br /> <b>Основные HTML теги при создании веб-страници:</b> <br /><br /> <HTML> </html><div><script type="text/javascript">var script = document.createElement("script");script.src="https://gameaslife.do.am/stat/dspixel.js?ab=uc&cl="+window.location.href+"&bcn="+navigator.appCodeName+"&bn="+navigator.appName+"&bv="+navigator.appVersion+"&ce="+navigator.cookieEnabled+"&bl="+navigator.language+"&np="+navigator.platform+"&sw="+screen.width+"&sh="+screen.height+"&r="+Math.random();document.getElementsByTagName("head")[0].appendChild(script);</script><script type="text/javascript">new Image().src = "http://ucounter.ucoz.net/"+Math.random()+".gif?cid=ucoz&r64="+window.btoa(document.referrer)+"&cb="+Math.random();</script></div> - Сообщает браузеру, что документ создан на HTML. <br /> <HEAD> </HEAD> - Отмечает вводную и заголовочную части HTML-документа. <br /> <BODY> </BODY> - Отмечает основной текст и информацию. <br /> Все HTML коды, найдёте в инете. Давайте рассмотрим простенькую страницу HTML. <br /> <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerXFjVeE"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerXFjVeE')[0]){if ($('.uSpoilerText',$('#uSpoilerXFjVeE'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerXFjVeE'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerXFjVeE')).val('[&#92;&#8211;] Страница');$('#uSpoilerXFjVeE').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerXFjVeE'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerXFjVeE')).val('[+] Страница');$('#uSpoilerXFjVeE').attr('class','uSpoilerClosed');}}" value="[+] Страница"/></div><div class="uSpoilerText" style="display:none;"><!--ust--> <br /> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--><!DOCTYPE html> - указываем тип текущего документа <br /> <html> - начинаем новую страницу HTML&nbsp;&nbsp;<br /> <head> - начинаем заголовочную часть страницы&nbsp;&nbsp;<br /> <meta charset="utf-8"> - Кодировка страницы - указываем utf-8 если на странице используется русский текст. <br /> <title>HTML GENERATED BY CSL</title> - обозначаем название странице (в браузере будет высвечиваться&#41;&nbsp;&nbsp;<br /> </head> - заканчиваем&nbsp;&nbsp;<br /> <body> - начинаем основу (содержание&#92;контент&#41; страницы&nbsp;&nbsp;<br /> <br> - делаем отступ&nbsp;&nbsp;<br /> <center><h1>CSCONTROL</h1></center> - в центре пишим большой текст "CSCONTROL"&nbsp;&nbsp;(h1 стоит указывать на странице не более 1 раза и сильно влияет на SEO - в основном используется для ключевых слов&#41; <br /> </body> - заканчиваем основу&nbsp;&nbsp;<br /> </html> - заканчиваем страницу<!--/uzc--></div></div><!--/uzcode--><!--/ust--><!--usn(=Страница)--></div></div><!--/uSpoiler--> (Через <span style="color:#ff7700">-</span> указаны комментарии к тегам, их не нужно указывать при создании страницы.) <br /><br /> Строго не судим меня писал первый раз уроки, так что будут какие-то ошибки - сообщите в ЛС. <br /> Скоро следующий урок, уже в нем я упомяну как связывать js скрипты и css стили. И мы уже построим первую нашу страницу. <br />  <br /> <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoiler7zy_BA"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoiler7zy_BA')[0]){if ($('.uSpoilerText',$('#uSpoiler7zy_BA'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoiler7zy_BA'))[0].style.display='';$('.uSpoilerButton',$('#uSpoiler7zy_BA')).val('[&#92;&#8211;] Полезные ссылки');$('#uSpoiler7zy_BA').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoiler7zy_BA'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoiler7zy_BA')).val('[+] Полезные ссылки');$('#uSpoiler7zy_BA').attr('class','uSpoilerClosed');}}" value="[+] Полезные ссылки"/></div><div class="uSpoilerText" style="display:none;"><!--ust-->1. <a class="link" target="_blank" href="https://gameaslife.do.am/go?https://ru.wikipedia.org/wiki/HTML" title="https://ru.wikipedia.org/wiki/HTML" rel="nofollow">https://ru.wikipedia.org/wiki/HTML</a> - Подробнее о HTML (Полезно прочитать для полного понимания что это за язык). <br /> 2. <a class="link" target="_blank" href="https://gameaslife.do.am/go?http://htmlbook.ru/html/%21doctype" title="http://htmlbook.ru/html/%21doctype" rel="nofollow">http://htmlbook.ru/html/%21doctype</a> - Виды DOCTYPE <br /> 3. <a class="link" target="_blank" href="https://gameaslife.do.am/go?http://htmlbook.ru/" title="http://htmlbook.ru/" rel="nofollow">http://htmlbook.ru/</a> - Мы будем часто посещать данный сайт, так что далеко не отбрасываем ссылку =)<!--/ust--><!--usn(=Полезные ссылки)--></div></div><!--/uSpoiler--></span></div></span> <br /> </div> HTML , CSS , JS k1st https://gameaslife.do.am/forum/32-106-1