Формално, HTML е приложение на SGML (стандартен обобщен език за маркиране) и е в съответствие с международния стандарт ISO 8879 стандарт.
И HTML и XML сме потомци на SGML. HTML е приложение за SGML и XML е подмножество на SGML, предназначена да опрости процеса на машина разбор на документа. В други приложения SGML е SGML Docbook (документирано) и «Z Формат» (типография и документация).
HTML език ви позволява да маркирате текста:
HEAD секцията на документ
HEAD секцията на документа определя заглавието и е по избор, но по-добре написан заглавие може да бъде доста полезен. Целта на заглавието е да се осигури необходимата информация за програмата, която интерпретира документа. Tags вътре секцията HEAD (с изключение на името на документа, описани с помощта на маркер
) Не се показват на екрана.</p>
<p>челната част се отваря таг <head> и закриване </ head>. Между тези маркери са разположени по другите заглавието тагове.</p>
<p>Контейнер таг <title> Това е единственият необходим маркер на заглавката и се използва за да дадете име на документа. Той обикновено се появява в заглавието на прозореца на браузъра. По подразбиране, текстът на името на документа се използва за създаване на отметка за документа.</p>
<p>свободен край <link> Той обозначава връзка от документа, съдържащ маркера и друг документ или предмет. Заглавието на документ може да съдържа произволен брой етикети <link>. Например:</p>
<p><link rel = " stylesheet " type = " text / css " media = " print " href = "/ skins -1.5/ common / commonPrint. css " /></p>
<p>Отн атрибут определя връзката между тока и друг документ (в този пример, документът за стил лист). Атрибутът тип определя типа и параметрите на свързаната със стилове. медии атрибут указва как да се показва на страницата (тези, които ще се прилагат стилове), в този случай, на страницата се показва за печат. Href - отговаря за връзката, за да прикачите файлове. Използват се и някои други атрибути.</p>
<p>свободен край <meta> определя метатагове. които се използват за съхраняване на информация, предназначена за браузъри и търсачки. Например, механизмите на търсачките обръщат към мета тагове за описание на обекта, ключови думи, както и други данни. Оставя се да се използва повече от един мета тагове. те се поставят в контейнер <HEAD>. Като правило, параметрите на мета тагове, които са сведени до двойки "име = стойност". определени аргументи съдържание. Име или HTTP - екв.</p>
<p>· Съдържание - Задава стойността на параметъра предварително определено име или чрез HTTP - екв.</p>
<p>· Http - екв - Проектиран за конвертиране на мета маркера в заглавката на HTTP.</p>
<p>· Име - име на маркера с метаданни. също имплицитно създава своята цел.</p>
<p>Ето някои примери за използването на маркера <meta>:</p>
<p><meta http-equiv="Content-Language" content="RU"><br> <meta http-equiv="Content-Type" content="текст / HTML; m = набор от знаци прозорци-1251"><br> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"><br> <meta name=" ProgId " content="FrontPage.Editor.Document"></p>
<p>В секцията документ с глава може да бъде повече два маркер - <style> и <script>. Тяхната цел е свързана с използването на стилове в скриптовете си документи и писане.</p>
<h3>секция BODY на документа</h3>
<p>свободен край <BODY> Тя се използва и за да се определи цвета на връзките и текста на дадена уеб страница. Тази практика е осъден в HTML 4 и вместо това да се уточни цветовата схема се препоръчва използването на стилове, които ги прилагат към тялото на селектор. Въпреки това, повечето от параметрите все още се поддържа от различни браузъри.</p>
<p>често маркират <BODY> използва за домакин на манипулатор събитие, например при зареждане. който се извършва, след като документът е приключи зареждането в текущия прозорец или рамка.</p>
<p>Началните и крайните тагове <BODY> на уеб страницата не е задължително, но се смята за добър стил да ги използват, за да се определи началото и в края на HTML-документ. [4]</p>
<h3>Основни HTML тагове</h3>
<p>В таблицата по-долу са изброени най-често използваните тагове HTML.</p>
<p>Таблица №2: Основни HTML тагове</p>
<p>ниво дял 6</p>
<p>HTML предлага шест различни нива на позиции, които показват относителната важност на участъка, разположен след заглавието. По този начин, маркер <H 1> Тя представлява най-важната първа заглавната ниво и етикет <H 6> се използва за обозначаване на заглавната част на шесто ниво е най-малко значими. По подразбиране, заглавието първо ниво се появява най-големите шрифта удебелен шрифт заглавията следващото ниво са по-малки. тагове <H 1>:<H 6> са блокови елементи, те винаги започва на нов ред, а след тях на останалите елементи се показват на следващия ред. Освен това, преди да се отправите, а след това се добавя към празното пространство. Преглед заглавие може лесно да се контролира от стилове.</p>
<p>свободен край <SPAN> предназначен за определяне на вградените елементи на документа. За разлика от блокови елементи, като например <TABLE>. <P> или <DIV>. използването на маркера <SPAN> можете да изберете информацията в други тагове, и да зададете стил за нея. Например, частта вътре (маркерът <P> ) Можете да промените цвета и размера на първата буква, ако добавите начален и краен таг <SPAN> и да определи за него стил на текст. Не за да се опише всеки път стила в рамките му, можете да изберете стила на външни стилове и възможност за добавяне на тагове клас или номер на името на селектор.</p>
<p>текст <br> текст</p>
<p>свободен край <BR> създава нова линия на мястото, където се намира маркера. За разлика от раздел етикет <P>. маркер BR не добавя празен ред тире. Ако текстът, който се използва за прехвърляне низ, обгръща плаващ елемент, с помощта на параметъра ясно маркер <BR> можете да направите така, че на следващия ред започва под елемента.</p>
<p>Стойностите в HTML атрибути могат да имат различни типове данни. основните типове данни, са, както следва.</p>
<h3>Основните видове SGML</h3>
<p>В определението за тип документ решен съдържание синтаксис HTML елемент и стойностите на атрибутите, използвайки SGML етикети. Тук е синтез на бутоните:</p>
<p>CDATA - поредица от знаци от набора от документи, характер, това може да включва такива символи (лица). потребителски агенти (браузъри), следва да тълкуват стойности на атрибутите, както следва:</p><p>· Замяна на същността на символа.</p>
<p>· Не обръщайте внимание нов ред</p>
<p>· Замяна на всеки нов ред или раздел с един интервал.</p>
<p>Tag ID и ИМЕ атрибути стойности от тип ID и име трябва да започват с буква и да съдържат само букви, цифри, тирета, долни и запетая и точки. Тези стойности зависят от регистъра. Те се различават по това име може да съдържа специални символи, както и ID не мога.</p>
<p>Стойностите от тип IDREF и IDREFS показват идентификатори, т.е.. Д. На стойността на атрибут за идентификатор на други елементи. Стойност от тип IDREF, - един идентификатор, и IDREFS стойност от тип - списък на идентификатори, разделени с интервали. IDREF и IDREFS чувствителни.</p>
<p>Етикети номер трябва да съдържа най-малко една цифра ([0-9]).</p>
<p>Редица атрибути вземе текст, който има за цел да се четат от хора. Този текст storoki.</p>
<p>URI стойностите на атрибутите тип - то единни идентификатори на ресурси (изцяло или частично), относителни синтаксиса на които трябва да отговарят на синтаксиса на URI.</p>
<p>тип стойност "цвят" Атрибутът се отнася до определянето на цвета. A стойност на цвят може да е шестнадесетично число система RGB (предхождана от #) или на един от стандартните имена преиначава шестнадесет. Имената на цветовете са чувствителни към регистъра.</p>
<p>Например, ценности "# 800080" и "Purple" и двете означават пурпурния цвят.</p>
<p>HTML определя три вида големини за атрибути:</p>
<p>Пиксели · - е цяло число представлява броя на пикселите (на екрана, върху хартията). Така стойността "50" означава петдесет пиксела.</p>
<p>· Дължина - съотношението на процента на вертикално или хоризонтално разстояние. Така стойността "50%" означава половината от наличното пространство.</p>
<p>· На множествена резолюцията - е всяко число, което определя броя на пикселите, или процент от размера хоризонтално или вертикално, или относителния размер на формата. където - цяло число. При разпределяне пространство браузър първо разпределя пространство за размерите по брой и процент, и след това се разделя на останалите пространство между елементите с относителни размери. Измерване елемент 3 ще бъде отделено място три пъти по-големи от размера на елемент е, еквивалентни на 1. Стойността на * 1 и * често означава "запълни останалите пространство."</p>
<p>Потребителските агенти, търсачки и т.н. могат да се тълкуват тези видове връзки по няколко начина. Например, потребителски агенти могат да предоставят достъп до документи, свързани с помощта на лентата за навигация.</p>
<p>Таблица №6: Видове връзки</p>
<p>CSS (Cascading Style Sheets - kaskadnyetablitsystiley) - страници - уеб технологиите дизайн. DHTML елемент концепция. Таблица (или по-скоро - списъци) CSS се използват за украса предимно HTML- и XHTML-документи, но понякога се използват за други документи структурирани с XML (например в «Mozilla» браузър, за да обработи GUI елементи, XUL).</p>
<h3>CSS спецификации</h3>
<p>Ниво 1 (CSS 1)</p>
<p>· Настройките за шрифт. Възможности по указания на шрифт и размер тип, както и своя стил - обикновено, курсив или смели.</p>
<p>· Цветове. Спецификацията ви дава възможност да се определи цвета на текста, фонове, граници, както и други елементи на страницата.</p>
<p>· Текст атрибути. Възможност за задаване на заглавни букви, разстоянието между думите, и височина на реда (т.е. височина линия тире)</p>
<p>· Привеждане на текст, изображения, таблици и други елементи.</p>
<p>· Имоти блокове. като височина, ширина, вътрешна (вата) и външна (марж) подложка и рамка. Също така са включени в описанието ограничени средства за позициониране елементи, като поплавък и ясно.</p>
<p>Ниво 2 (CSS 2)</p>
<p>Добавянето на функционалност:</p>
<p>· Модулната структура. Имаше роднина, абсолютна и фиксирано позициониране. Тя ви позволява да се контролира поставянето на елементи на страницата, без маса оформление</p>
<p>· Типове медии. Тя позволява да се определят различни стилове за различни медии (например монитор, принтер, PDA)</p>
<p>· Слухови стилове. Той определя глас, силата на звука, и така нататък. Г. За аудио медии (например, за слепи посетители)</p>
<p>· Пейджъра медии. Позволява, например, създаде различни стилове за елементи на четни и нечетни страници на печата</p>
<p>· Разширена механизъм за избор</p>
<p>Ниво 2.1 (CSS 2.1)</p>
<p>Ниво 3 (CSS 3)</p>
<h3>Основните принципи на CSS</h3>
<p>Редовен HTML ви позволява да определите цвета и размера на текста с помощта на форматиращи тагове. Ако е необходимо да се променят параметрите на едни и същи елементи на площадката трябва да прегледате всички страници да се намери и сменяеми етикети.</p>
<p>Cascading Style Sheets [5] ви позволяват да съхранявате цвят, размер на текста и други настройки в стилове. Стил е колекция от форматиране правила, които се прилагат към елемент от документа за бърза промяна външния му вид.</p>
<p>Стилове позволяват едно действие да се прилагат незабавно всички форматиращи атрибути на групата на. Те могат да бъдат използвани, например, промените изгледа на всички от колекторите. Вместо форматиране на заглавието на три етапа, първо, когато размерът му е дадено, а след това на шрифта "Arial", и най-накрая в центъра, едно и също нещо може да бъде направено по същото време, приложите стил към маркера <H 1>. Ако искате бързо да промените външния вид на текст, генерирани от един от стиловете, което е достатъчно, за да промените настройките на стила на всички документи, в които е използван, и на външния вид на текста ще се променя автоматично.</p>
<p>Други предимства на CSS стилове е, че предлагат много повече опции за форматиране, а не прост HTML. В допълнение, стилове могат да се съхраняват във външен файл, браузърът кешира тези документи, така че сайтът ще зарежда по-бързо.</p>
<p>· Използвайте различни разширения на HTML;</p>
<p>· Използвайте изображения вместо текст;</p>
<p>· Използването на чертежи за контрол на празно пространство, така наречените дистанционни елементи;</p>
<p>· Използването на таблици за оформление на уеб страници;</p>
<p>· Писане на софтуер скриптове вместо да използват HTML.</p>
<p>Тези техники значително увеличаване на сложността на развитие на уеб страници. Те предлагат ограничена гъвкавост при тяхното създаване и управление, както и да е трудно за хора, които не ги притежават.</p>
<p>Стилове решаване на тези проблеми, в същото време да се замени само ограничен район на механизмите за HTML.</p>
<h3>Синтаксисът на CSS.</h3>
<p>Стандартът CSS определя приоритетите, за които правилата за стил, ако няколко правила са подходящи за определена позиция в даден момент. Това се нарича "каскада". където правилата изчисляват на приоритети или "тегло", което прави резултатите предсказуем.</p>
<p>А стилове съдържа набор от правила. Всяко правило, от своя страна, се състои от един или повече превключватели разделени със запетая и определения блок. определяния Единичните и рамкирани с тиранти, и се състои от набор от свойства и техните стойности.</p>
<p>Схематично, това може да се покаже, както следва:</p>
<h2>7. скриптове.</h2>
<p>Skriptovyyyazyk (. Scriptinglanguage нарича още скриптов език) - език за програмиране, предназначени да напише "скриптове", последователности от операции, които потребителят може да изпълнява на компютър. Обикновено скриптов език, използван често се нарича партида езици (езици партидата или езици за управление на работни места). Скриптовете обикновено се тълкуват отколкото събрани.</p>
<p>В жалбата сценария (скрипт) - програма, която автоматизира някои задачи, които даден потребител без сценарий ще трябва да се извършва ръчно, с помощта на интерфейса на програмата.</p>
<p>Сценарият уеб програмиране е програма, която се изтегля заедно с текста на документа на компютъра на потребителя и изпълни програма-браузъра. С помощта на скриптове изпълняват различни функции на уеб сайтове. Например, скрипт може да бъде разположен от страна на потребителя се изпраща до сървъра за данни (например, чрез матрицата). Ако информацията не е вярно (вместо числови данни, изпратени на текст и т.н.), потребителят ще видите предупреждение, издадено от сценария. Тази функция премахва тежестта от сървъра.</p>
<p>Също така, с помощта на скриптове, създадени сайтове клирънс, което им дава по-интерактивни. Например, падащи менюта динамично да променят размера на изображението, и така нататък.</p>
<p>свободен край <script> Тя е предназначена да опише скриптове. Тя може да съдържа връзка към програмата, или текста на конкретен език. Скриптовете могат да бъдат поставени в външен файл и да комуникират с всеки HTML-документ. Този подход позволява да се използват едни и същи общи характеристики в много уеб страници и по-бързо да ги зареждате, като външен файл се кешира при първото зареждане, а сценарият се нарича по-бързо през следващите разговори.</p>
<p><script> Тя може да бъде поставен в заглавието или тялото на HTML-документа в неограничени количества. В повечето случаи на мястото на сценария не се отразява на работата на програмата. Въпреки това, скриптове. да се изпълни от една страна, обикновено се поставя в заглавната част на документа.</p>
<p>· VBS, VBScript - VBScript език за програмиране на базата на Visual Basic. Тя е плод на въображението на Microsoft и се поддържа основно от Internet Explorer.</p>
<p>Ето един пример, HTML страници с вграден скрипт.</p>
<p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"></p>
<h4>Свързани статии</h4>
<ul>
<li>
<p><a href="/experts/ruski-ezik-i-kultura-na-rechta-kato-predmet-na.html">Руски език и култура на речта като предмет на изследване</a></p>
</li>
<li>
<p><a href="/experts/chuzhdencite-koito-idvat-v-kazahstan-za-da.html">Чужденците, които идват в Казахстан, за да научите руски</a></p>
</li>
<li>
<p><a href="/experts/izpolzvajte-polozhitelen-ezik-za-komunikacija-s.html">Използвайте положителен език за комуникация с клиентите си</a></p>
</li>
</ul>
</div>
<div class="article-share clearfix"> <button class="article-share__print" type="button"> <span class="print-title">Отпечатайте това</span> </button> <div class="article-share__btns"> <div class="article-share__title">Подкрепете проекта - споделете линка, благодаря!</div>
</div> </div> <style>
# mc-container {
подложка: 10px;
}
</style>
<div class="comments-area">
<div id="mc-container">
<div id="mc-content">
</div>
</div>
</div>
<p> </p> <p> </p> <p> </p>
</div>
</div> </article> <aside class="main-sidebar">
<div id="text-2">
<div class="textwidget">
<p>
<br>
<br>
<br>
<br>
</p>
</div>
</div>
<div class="main-block b-orange experts-block">
<div class="main-block__title">Отговорите на експертите <br />на вашите въпроси</div>
<div class="main-block__expertlist">
<div class="expertlist-cart">
<a href="/expert/68"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/08/hrunina.jpg" alt="Кхунина Анна Викторовна"></a>
<a href="/expert/68" class="expertlist-cart__name"><span>Кхунина Анна Викторовна</span></a>
<span class="expertlist-cart__desc">Съветник по кърменето</span>
</div>
<div class="expertlist-cart">
<a href="/expert/17"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/06/bibikova-elena.jpg" alt="Бибикова Елена Анатолиевна"></a>
<a href="/expert/17" class="expertlist-cart__name"><span>Бибикова Елена Анатолиевна</span></a>
<span class="expertlist-cart__desc">Психолог на семейната система</span>
</div>
<div class="expertlist-cart">
<a href="/expert/100"><img class="expertlist-cart__photo" src="/wp-content/uploads/2016/02/aniva-200.jpg" alt="Анна Нива"></a>
<a href="/expert/100" class="expertlist-cart__name"><span>Анна Нива</span></a>
<span class="expertlist-cart__desc">Учител по детска йога</span>
</div>
<a href="/experts/" class="ui-btn">Задайте въпрос</a>
<div class="expertlist-cart__answers">
<a href="/experts/" class="link">Вижте експертни отговори</a>
</div>
</div>
</div>
<div class="main-block b-border">
<div class="main-block__title"><span class="title-wrapper">Най-важното</span></div>
<ul class="main-block__important">
<li class="important-item"><a href="/experts/kak-da-se-razdeljat-na-sgurija-blok-v-polovinata.html" class="important-link" role="link">Как да се разделят на сгурия блок в половината - как да се раздели на сгурия блок на половина</a></li>
<li class="important-item"><a href="/experts/kak-da-se-otrvem-ot-mishnicite-izpotjavane.html" class="important-link" role="link">Как да се отървем от мишниците изпотяване</a></li>
<li class="important-item"><a href="/experts/kak-da-se-prevrne-v-magnit-za-ljubov-s-pomoshhta.html" class="important-link" role="link">Как да се превърне в магнит за любов с помощта на магически фрази</a></li>
<li class="important-item"><a href="/journal/kak-da-se-opredeli-vremeto-dokato-slnceto-zaleze-s.html" class="important-link" role="link">Как да се определи времето, докато слънцето залезе с пръстите на ръцете</a></li>
<li class="important-item"><a href="/experts/kak-da-se-podarjavat-podarci-na-partnorite.html" class="important-link" role="link">Как да се подаряват подаръци на партньорите инспектори препоръки</a></li>
</ul></div>
</aside>
</main>
<footer id="footer" class="page-padding clearfix" role="contentinfo">
<div class="footer-col">
<div class="footer-logo">
<a href="/" rel="nofollow" title="Към началната страница"><img class="footer-logo__img" src="/wp-content/themes/kids2015/img/ui/ui_logo-small.png" alt="test.test"></a> <span class="footer-logo__desc">Всичко за децата <br />от раждането до училището</span>
</div>
<p class="footer-copyright">© 2013-2024. Портал за родителите "Всичко за децата".<br />Копирането на материали е разрешено само при посочване на активната хипервръзка към източника.</p>
<div class="footer-counters">
<div class="footer-counters__item">
<!--LiveInternet counter--><script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script><!--/LiveInternet--> </div>
</div>
</div>
<div class="footer-col">
<div class="footer-nav__header">информация</div>
<ul class="footer-nav">
<li class="footer-nav__item">
<a href="/about/" role="link">За проекта</a>
</li>
<li class="footer-nav__item">
<a href="/privacy.html">Политика за поверителност</a>
</li>
<li class="footer-nav__item">
<a href="/sitemap/" role="link">Карта на сайта</a>
</li>
<li class="footer-nav__item">
<a href="/about/advertise/" class="red-text" role="link">Рекламно разположение</a>
</li>
</ul>
</div>
<div class="footer-col">
<!--noindex-->
<div class="footer-subscribe">
</div>
<div class="footer-recommend">
Моля, подкрепете проекта - разкажете ни за социалните мрежи!
</div>
<!--/noindex-->
</div>
</footer>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
jQuery(function(f){
console.log(1);
f('.advads-close-button').fadeOut(0);
f(window).scroll(function(){
var element = f('#adv-scrool-4438ffc39d0');
var offset_element_for_hide = jQuery(document).height();
if(f(this).scrollTop() > 500){
setTimeout(function(f) {f('.advads-close-button').fadeIn(0);}, 10000, f);
element.fadeIn(0);
}
if(f(this).scrollTop() < 500 || f(this).scrollTop() > offset_element_for_hide ){
element.fadeOut(0);
}
});
});
</script>
<script>window.jQuery || document.write('<script src="/wp-content/themes/kids2015/js/libs/jquery-1.11.2.min.js"><\/script>')</script>
<script src="http://code.jquery.com/jquery-migrate-1.4.0.js"></script>
<script src="/wp-content/themes/kids2015/js/libs/jquery.magnific-popup.min.js"></script>
<script src="/wp-content/themes/kids2015/js/libs/alertify.min.js"></script>
<script src="/wp-content/themes/kids2015/js/work.js"></script>
</section>
<button id="scrollUp" type="button" title="Обратно горе"></button></div>
</body>
</html>
