ПредишенСледващото

HTML (HyperText Markup Language, Hypertext Markup Language) - браузъра специфични инструкции, по които да се създаде уеб страница.

HTML тагове разказват информация на браузъра за структурата и функциите на форматиране на уеб страници. Всеки етикет съдържа конкретни инструкции и е в ъглови скоби <>. Повечето тагове се състоят от отваряне и затваряне части и оказват влияние върху текста, съдържащ се в него.

Browser гледане (тълкуване) на HTML документ, изграждането на структурата (DOM) и го показва в съответствие с инструкциите, включени в него (стилове, скриптове). Ако маркирането е вярна, тогава браузърът ще покаже HTML-страница, която съдържа HTML-елементи - заглавия, таблици, снимки и т.н.

Процесът на тълкуване (разбор) започва преди уеб страницата е напълно заредена в браузъра. Браузъри справят HTML-документи последователно от самото начало, с обработката и взаимоотношението на CSS каскадни стилове елементи на страницата.

Почти всички етикети имат атрибути (глобални, приложени към всички HTML-елементи и собствените си), за да бъдат определени в атрибут = "стойност" формат. Атрибути ви позволяват да промените свойствата на елемента, за които те са дадени. Атрибутите са написани на началния етикет на елемент.

клас и атрибутите се прилагат за всички HTML-елементи, с изключение на продукти, които съдържат техническа информация - , , ,, <style> и <script>. Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения classзаписываются через пробел, <div class="nav top">. Значения class и idдолжны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.</p> <p>Большинство тегов — парные, они состоят из начального и закрывающего тегов.Начальный тег показывает, где начинается элемент, закрывающийся — где заканчивается. Закрывающий тег образуется путем добавления слэша / перед именем тега: <имя тега>…</имя тега>. Между начальным и закрывающим тегами находится содержимое тега — контент.</p><p>Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег <input type="button" value="Кнопка"> создаст кнопку с текстом Кнопка внутри.</p> <p>Теги могут вкладываться друг в друга, например, <p><i>Текст</i></p>. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><i>Текст</p></i>.</p> <p>HTML-документ состоит из двух разделов — заголовка — между тегами <head>…</head> и содержательной части — между тегами <body>…</body>.</p> <p>DOCTYPE отвечает за корректное отображение веб-страницы браузером. DOCTYPE определяет не только версию HTML (например, html), но и соответствующий DTD-файл в Интернете.</p> <p><head> <!-- Техническая информация о документе --></p> <p><meta charset="UTF-8"> <!-- Определяем кодировку символов документа --></p> <p><title>.

раздел . Той съдържа техническа информация на страницата: заглавие, описание, ключови думи за търсачките, кодиране и т.н. Представи своята информация не се извежда в прозореца на браузъра, но съдържа данни, които каже на браузъра как да се справя страница.

Задължителна раздел етикет таг . Текстът, който се намира вътре в тага се показва в заглавната лента на уеб браузъра. Дължина на заглавна трябва да бъде не повече от 60 знака, напълно отговарят на заглавието. надписите трябва да съдържа най-пълното описание на съдържанието на уеб страница.</p> <p>Описание на съдържанието на страницата и ключовите думи, по същото време, можете да посочите повече от един език, например, в руски и английски език:</p> <p><meta name="description" lang="ru" content="Описание на съдържанието на страницата"></p> <p><meta name="description" lang="en" content="описание"></p> <p><meta name="keywords" lang="ru" content="Ключовите думи, разделени със запетая"></p> <p><meta name="keywords" lang="en" content="Ключови думи"></p> <p>С етикет <meta> Можете да забраните или разрешите индексирането на уеб страници от търсачките:</p> <p><meta name="robots" content="индекс, следвайте"></p> <p><meta name="robots" content="индекс, Nofollow"></p> <p><meta name="robots" content="Noindex, Nofollow"></p> <p>За автоматично да презаредите страницата след определен период от време е необходимо да се използва стойността на опресняване:</p> <p><meta http-equiv="refresh" content="30"></p> <p>за елемент <meta> достъпно атрибути набор от знаци, съдържание, HTTP-екв, име и глобални атрибути.</p> <p>Той определя кодировката на знаците за текущата HTML-документ:<meta charset="UTF-8"></p> <h4>Свързани статии</h4> <ul> <li> <p><a href="/journal/paragraf-atributite-na-formatiraneto.html">Параграф атрибутите на форматирането</a></p> </li> <li> <p><a href="/journal/tags-html-shrift-tagove.html">Tags HTML - шрифт тагове</a></p> </li> <li> <p><a href="/journal/kak-da-si-napravim-krasiv-tekst-animacija-biznes.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-szdade-svetovna-mrezha-obshhnost.html" class="important-link" role="link">Как да се създаде световна мрежа общност, lifewatch</a></li> <li class="important-item"><a href="/journal/kak-da-se-razbirame-s-kotkata-malka.html" class="important-link" role="link">Как да се разбираме с котката, малка</a></li> <li class="important-item"><a href="/experts/kak-da-se-spravim-s-gsenici-koito-jadat-krastavici.html" class="important-link" role="link">Как да се справим с гъсеници, които ядат краставици разсад</a></li> <li class="important-item"><a href="/journal/kak-da-se-finansira-pensionnata-prez-2019-g.html" class="important-link" role="link">Как да се финансира пенсионната през 2019 г.</a></li> <li class="important-item"><a href="/experts/kak-da-se-grizhi-za-moravata-i-treva-treva-njuansi.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>