aboutsummaryrefslogtreecommitdiff
path: root/files/bg/web/html
diff options
context:
space:
mode:
Diffstat (limited to 'files/bg/web/html')
-rw-r--r--files/bg/web/html/element/i/index.html115
-rw-r--r--files/bg/web/html/element/index.html105
-rw-r--r--files/bg/web/html/element/main/index.html140
-rw-r--r--files/bg/web/html/index.html86
4 files changed, 446 insertions, 0 deletions
diff --git a/files/bg/web/html/element/i/index.html b/files/bg/web/html/element/i/index.html
new file mode 100644
index 0000000000..8913e824da
--- /dev/null
+++ b/files/bg/web/html/element/i/index.html
@@ -0,0 +1,115 @@
+---
+title: <i>
+slug: Web/HTML/Element/i
+tags:
+ - HTML
+ - Web
+ - Елемент
+ - семантичен
+ - стил
+ - шрифт
+translation_of: Web/HTML/Element/i
+---
+<p> <strong>HTML елементът <code>&lt;i&gt;</code></strong> представя част от текст, която трябва да изпъкне поради някаква причина - технически термин, фраза на чужд език или мисли на героя. Обикновено се изобразява в курсив.</p>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th>
+ <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, palpable content.</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted content</th>
+ <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+ </tr>
+ <tr>
+ <th scope="row">Tag omission</th>
+ <td>{{no_tag_omission}}</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted parents</th>
+ <td>Any element that accepts <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted ARIA roles</th>
+ <td>Any</td>
+ </tr>
+ <tr>
+ <th scope="row">DOM interface</th>
+ <td>{{domxref("HTMLElement")}} Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the {{domxref("HTMLSpanElement")}} interface for this element.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Атрибути">Атрибути</h2>
+
+<p>Елементът използва само <a href="/bg/docs/Web/HTML/Global_attributes">глобални атрибути</a>.</p>
+
+<h2 id="Пример">Пример</h2>
+
+<pre class="brush: html">&lt;p&gt;The Latin phrase &lt;i class="latin"&gt;Veni, vidi, vici&lt;/i&gt; is often
+mentioned in music, art, and literature.&lt;/p&gt;
+</pre>
+
+<h3 id="Изход">Изход</h3>
+
+<p>The Latin phrase <em>Veni, vidi, vici</em> is often mentioned in music, art, and literature.</p>
+
+<h2 id="Бележки">Бележки</h2>
+
+<p>В по-ранните версии на HTML спецификациите, тагът <code>&lt;i&gt;</code> е бил просто елемент за изобразяване на текст в курсив, така както тагът <code>&lt;b&gt;</code> е бил използван за изобразяване на текст с удебелени букви. Това вече не е валидно, защото тези тагове сега задават семантичното значение, а не типографското представяне. Тагът <code>&lt;i&gt;</code> трябва да представя част от текст с различно семантично значение и типичното му типографско изобразяване е текст в курсив. Това означава, че браузърът обикновено изобразява съдържанието на този таг в курсив, въпреки че по дефиниция не се изисква да е така.</p>
+
+<p>Използвайте този елемент, само когато няма друг по-подходящ семантичен елемент. Примерно:</p>
+
+<ul>
+ <li>Използвайте {{HTMLElement("em")}}, за да наблегнете или подчертаете.</li>
+ <li>Използвайте {{HTMLElement("strong")}}, за да обозначите важен текст.</li>
+ <li>Използвайте {{HTMLElement("mark")}}, за да обозначите свързаност.</li>
+ <li>Използвайте {{HTMLElement("cite")}}, за да маркирате име на творба-книга, пиеса или песен.</li>
+ <li>Използвайте {{HTMLElement("dfn")}}, за да маркирате дефиниция на термин.</li>
+</ul>
+
+<p>Добра идея е да се използва атрибута <strong>class</strong>, за да се представи причината за употребата на елемента. По този начин, ако на по-късен етап се наложи промяна при визуализирането, може да се направи избирателно чрез style sheets.</p>
+
+<h2 id="Спецификации">Спецификации</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Спецификация</th>
+ <th scope="col">Статус</th>
+ <th scope="col">Коментар</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('HTML WHATWG', 'semantics.html#the-i-element', '&lt;i&gt;')}}</td>
+ <td>{{Spec2('HTML WHATWG')}}</td>
+ <td> </td>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-i-element', '&lt;i&gt;')}}</td>
+ <td>{{Spec2('HTML5 W3C')}}</td>
+ <td> </td>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '&lt;b&gt;')}}</td>
+ <td>{{Spec2('HTML4.01')}}</td>
+ <td> </td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Съвместимост">Съвместимост</h2>
+
+
+
+<p>{{Compat("html.elements.i")}}</p>
+
+<p>{{HTMLRef}}</p>
+
+<h2 id="Вижте_също">Вижте също</h2>
+
+<ul>
+ <li>{{HTMLElement("em")}}</li>
+</ul>
diff --git a/files/bg/web/html/element/index.html b/files/bg/web/html/element/index.html
new file mode 100644
index 0000000000..0d77b00ffa
--- /dev/null
+++ b/files/bg/web/html/element/index.html
@@ -0,0 +1,105 @@
+---
+title: HTML element reference
+slug: Web/HTML/Element
+tags:
+ - Basic
+ - Element
+ - HTML
+ - NeedsTranslation
+ - Reference
+ - TopicStub
+ - Web
+ - 'l10n:priority'
+translation_of: Web/HTML/Element
+---
+<div>{{HTMLSidebar("Elements")}}</div>
+
+<p><span class="seoSummary">На страницата са изредени всички HTML елементи({{Glossary("HTML")}} {{Glossary("Element","elements")}}).</span> Групирани са по предназначение, за да намирате желаното по-лесно.</p>
+
+<div class="note">
+<p>За повече основни сведения относно елементите и атрибутите в HTML, проверете <a href="/bg/docs/Learn/HTML/Въведение_в_HTML">раздела за елементите в статията Въведение в HTML</a>.</p>
+</div>
+
+<h2 id="Кореновият_елемент">Кореновият елемент</h2>
+
+<p>{{HTMLRefTable("HTML Root Element")}}</p>
+
+<h2 id="Метаданните_на_документа">Метаданните на документа</h2>
+
+<p>Метаданните съдържат информация за сайта - стилове, скриптове  и данни, които помагат на различни видове софтуер ({{Glossary("search engine", "търсещи машини")}}, {{Glossary("Browser","уеб четци")}}, и др.) да използват и възпроизвеждат страницата. Метаданните за стиловете и скриптовете може да са зададени в страницата или чрез връзка към външен файл, който съдържа самите данни.</p>
+
+<p>{{HTMLRefTable("HTML Document Metadata")}}</p>
+
+<h2 id="Разделение_на_съдържанието">Разделение на съдържанието</h2>
+
+<p>Елементите за разделение на съдържанието позволяват да се построи документа като съвкупност от отделни логически парчета. Използвайте елементите за разделение на съдържанието, за да създадете подробна схема на съдържанието на страницата. Включете елементите <em>header</em>, <em>footer</em> <em>navigation</em>, и елементите за заглавната част, за да обособите частите на съдържанието.</p>
+
+<p>{{HTMLRefTable("HTML Sections")}}</p>
+
+<h2 id="Текстово_съдържание">Текстово съдържание</h2>
+
+<p>Use HTML text content elements to organize blocks or sections of content placed between the opening {{HTMLElement("body")}} and closing <code>&lt;/body&gt;</code> tags. Important for {{Glossary("accessibility")}} and {{Glossary("SEO")}}, these elements identify the purpose or structure of that content.     </p>
+
+<p>{{HTMLRefTable("HTML Grouping Content")}}</p>
+
+<h2 id="Семантика_в_текстовия_поток">Семантика в текстовия поток</h2>
+
+<p>Използвайте елементите за текстовия поток за придаване на определено значение, строеж или изглед на отделна дума ред или част от текста.</p>
+
+<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>
+
+<h2 id="Изображения_и_мултимедия">Изображения и мултимедия</h2>
+
+<p>HTML поддържа различни мултимедийни източници – изображения, аудио и видео.</p>
+
+<p>{{HTMLRefTable("multimedia")}}</p>
+
+<h2 id="Вложено_съдържание">Вложено съдържание</h2>
+
+<p>Освен обичайното мултимедийно съдържание, HTML може да включва и разни други типове съдържание. В тези случаи не винаги е лесно да се взаимодейства със съдържанието.</p>
+
+<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
+
+<h2 id="Скриптове">Скриптове</h2>
+
+<p>За да може да се създава динамично съдържание и уеб приложения, HTML поддържа употребата на скриптови езици. Най-често това е  JavaScript. Определени елементи поддържат тези възможности.</p>
+
+<p>{{HTMLRefTable("HTML Scripting")}}</p>
+
+<h2 id="Обозначаване_на_промени">Обозначаване на промени</h2>
+
+<p>Тези елементи ви дават възможност да укажете, че дадени части от текста са променени.</p>
+
+<p>{{HTMLRefTable("HTML Edits")}}</p>
+
+<h2 id="Таблично_съдържание">Таблично съдържание</h2>
+
+<p>The elements here are used to create and handle tabular data.</p>
+
+<p>{{HTMLRefTable("HTML tabular data")}}</p>
+
+<h2 id="Формуляри">Формуляри</h2>
+
+<p>HTML provides a number of elements which can be used together to create forms which the user can fill out and submit to the Web site or application. There's a great deal of further information about this available in the <a href="/en-US/docs/Web/Guide/HTML/Forms">HTML forms guide</a>.</p>
+
+<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>
+
+<h2 id="Елементи_за_взаймодействие_с_потребителя">Елементи за взаймодействие с потребителя</h2>
+
+<p>HTML offers a selection of elements which help to create interactive user interface objects.</p>
+
+<p>{{HTMLRefTable("HTML interactive elements")}}</p>
+
+<h2 id="Web_Components">Web Components</h2>
+
+<p>Web Components is an HTML-related technology which makes it possible to, essentially, create and use custom elements as if it were regular HTML. In addition, you can create custom versions of standard HTML elements.</p>
+
+<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>
+
+<h2 id="Остарели_и_отхвърлени_елементи">Остарели и отхвърлени елементи</h2>
+
+<div class="warning">
+<p><strong>Warning:</strong> These are old HTML elements which are deprecated and should not be used. <strong>You should never use them in new projects, and should replace them in old projects as soon as you can.</strong> They are listed here for informational purposes only.</p>
+</div>
+
+<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>
diff --git a/files/bg/web/html/element/main/index.html b/files/bg/web/html/element/main/index.html
new file mode 100644
index 0000000000..3594afe2b5
--- /dev/null
+++ b/files/bg/web/html/element/main/index.html
@@ -0,0 +1,140 @@
+---
+title: <main>
+slug: Web/HTML/Element/main
+tags:
+ - HTML
+ - HTML групиране на съдържанието
+ - main
+ - Елемент
+ - референция
+translation_of: Web/HTML/Element/main
+---
+<div>{{HTMLRef}}</div>
+
+<div><strong>HTML елементът <code>&lt;main&gt;</code> </strong> представя основното съдържание на частта {{HTMLElement("body")}} на документа, на негова част или на приложението. Тази зона, предназначена за основното съдържание, се състои от информация, която е пряко свързана с главната тема на документа или основната функционалност на приложението, или пък я допълва. Ако е необходимо, бихте могли да използвате няколко  <code>&lt;main&gt;</code> елемента в една и съща страница.  Например, когато имате  страница, която презентира няколко статии - всяка от които в собствен {{HTMLElement("article")}} елемент и всяка една от тях има допълнителни материали в себе си (като лента с инструменти за обработка, реклами и т.н.). В такъв случай, има смисъл да включите <code>&lt;main&gt;</code> елемент във всяка една статия, за да можете да обособите водещото съдържание за всяка конкретна статия.</div>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th>
+ <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>, palpable content.</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted content</th>
+ <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>.</td>
+ </tr>
+ <tr>
+ <th scope="row">Tag omission</th>
+ <td>None; both the starting and ending tags are mandatory.</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted parents</th>
+ <td>Any element that accepts <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">flow content</a> (WHATWG). However, the W3C specification doesn't permit <code>&lt;main&gt;</code> to be used as a descendant of  {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, or {{HTMLElement("nav")}}.</td>
+ </tr>
+ <tr>
+ <th scope="row">Permitted ARIA roles</th>
+ <td>The <code>main</code> role is applied to <code>&lt;main&gt;</code> by default, and the <code><a href="/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_presentation_role">presentation</a></code> role is permitted as well.</td>
+ </tr>
+ <tr>
+ <th scope="row">DOM interface</th>
+ <td>{{domxref("HTMLElement")}}</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Атрибути">Атрибути</h2>
+
+<p>Този елемент може да съдържа само глобалните атрибути (<a href="/en-US/docs/HTML/Global_attributes">global attributes</a>).</p>
+
+<h2 id="Бележки_за_употребата">Бележки за употребата</h2>
+
+<p>Съдържанието на елемента  <code>&lt;main&gt;</code> трябва да бъде уникално за документа или за частта, която го съдържа. Съдържание, което е повтарящо се през съответния набор от документи или частите на документа като: странични ленти, линкове за навигация, информация за правата, лога на сайта и форми за търсене не бива да са включени, освен ако формата за търсене не е основната функционалност на страницата.</p>
+
+<p><code>&lt;main&gt;</code> не допринася за схемата на документа. За разлика от елементи като {{HTMLElement("body")}}, заглавия  {{HTMLElement("h2")}}, и други, <code>&lt;main&gt;</code> не влияе на DOM концепцията за структуриране на страницата. Функцията на този елемент е стриктно информативна.</p>
+
+<h3 id="Разлики_между_WHATWG_и_W3C_спецификациите">Разлики между WHATWG и W3C спецификациите</h3>
+
+<p>Дефиницията на елемента <code>&lt;main&gt;</code> е значително различна между стандарта <a href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-main-element">WHATWG's living standard </a>(спецификациите, които MDN по споразумение) и <a href="https://w3c.github.io/html/grouping-content.html#the-main-element">the W3C specification</a>. Ето разликите между двете спецификации по примерите, дадени по-горе:</p>
+
+<ul>
+ <li>Стандартът за HTML WHATWG позволява няколко елемента <code>&lt;main&gt;</code> на една страница, докато версията на  <a href="https://www.w3.org/TR/html/grouping-content.html#the-main-element">the W3C version of the specification</a> не позволява. Прави изключение случаят в който освен един, всички останали елементи <code>&lt;main&gt;</code> са скрити посредством атрибута {{htmlattrxref("hidden")}}.</li>
+ <li>Спецификацията WHATWG разрешава <code>&lt;main&gt;</code>да бъде използван навсякъде, където е позволено да има <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">flow content</a> . Противно на това, версията на W3C не позволява  <code>&lt;main&gt;</code> да е вложен в {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}} или {{HTMLElement("nav")}}.</li>
+</ul>
+
+<p>Изглеждат много малко разликите, но елементът <code>&lt;main&gt;</code> е сравнително прост на функционално ниво. Ако се игнорират тези разлики, то те биха могли да доведат до значителни последици.</p>
+
+<h2 id="Пример">Пример</h2>
+
+<pre class="brush: html">&lt;!-- other content --&gt;
+
+&lt;main&gt;
+ &lt;h1&gt;Apples&lt;/h1&gt;
+ &lt;p&gt;The apple is the pomaceous fruit of the apple tree.&lt;/p&gt;
+
+ &lt;article&gt;
+ &lt;h2&gt;Red Delicious&lt;/h2&gt;
+ &lt;p&gt;These bright red apples are the most common found in many
+ supermarkets.&lt;/p&gt;
+ &lt;p&gt;... &lt;/p&gt;
+ &lt;p&gt;... &lt;/p&gt;
+ &lt;/article&gt;
+
+ &lt;article&gt;
+ &lt;h2&gt;Granny Smith&lt;/h2&gt;
+ &lt;p&gt;These juicy, green apples make a great filling for
+ apple pies.&lt;/p&gt;
+ &lt;p&gt;... &lt;/p&gt;
+ &lt;p&gt;... &lt;/p&gt;
+ &lt;/article&gt;
+&lt;/main&gt;
+
+&lt;!-- other content --&gt;</pre>
+
+<h2 id="Спецификации">Спецификации</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Спецификация</th>
+ <th scope="col">Статус</th>
+ <th scope="col">Коментар</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('HTML WHATWG', '#semantics.html#the-main-element', '&lt;main&gt;')}}</td>
+ <td>{{Spec2('HTML WHATWG')}}</td>
+ <td>Премахва органичението <code>&lt;main&gt;</code> да не бъде използван няколко пъти в документ или като вложен в елемента {{HTMLElement("article")}}.</td>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML5.1', 'grouping-content.html#the-main-element', '&lt;main&gt;')}}</td>
+ <td>{{Spec2('HTML5.1')}}</td>
+ <td>Без промяна от {{SpecName('HTML5 W3C')}}.</td>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-main-element', '&lt;main&gt;')}}</td>
+ <td>{{Spec2('HTML5 W3C')}}</td>
+ <td>Initial definition.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Съвместимост_с_браузърите">Съвместимост с браузърите</h2>
+
+<p>Елементът <code>&lt;main&gt;</code> е широко поддържан. За Internet Explorer 11 и надолу, е препоръчително да се добави ARIA role of <code>"main"</code> kym elementa <code>&lt;main&gt;</code> , за да се подсигурите, че е достъпен(екранни четци като JAWS, използвани със стари версии на Internet Explorer, ще могат да разберат семантичното значение на елемента <code>&lt;main&gt;</code>, когато този атрибут <code>role</code> бъде добавен).</p>
+
+<pre class="brush: html">&lt;main role="main"&gt;
+ ...
+&lt;/main&gt;
+</pre>
+
+
+
+<p>{{Compat("html.elements.main")}}</p>
+
+<h2 id="Виж_също">Виж също</h2>
+
+<ul>
+ <li>Основни структурни елементи: {{HTMLElement("html")}}, {{HTMLElement("head")}}, {{HTMLElement("body")}}</li>
+ <li>Елеемнти, оказващи отделните части: {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, or {{HTMLElement("nav")}}</li>
+</ul>
diff --git a/files/bg/web/html/index.html b/files/bg/web/html/index.html
new file mode 100644
index 0000000000..2833c509dd
--- /dev/null
+++ b/files/bg/web/html/index.html
@@ -0,0 +1,86 @@
+---
+title: HTML
+slug: Web/HTML
+tags:
+ - HTML
+ - HTML Lesson
+ - HTML Programming
+ - HTML Tutorials
+ - HTML5
+ - Hyper text
+ - Landing
+ - NeedsTranslation
+ - Reference
+ - TopicStub
+ - Web
+ - What is HTML
+ - 'l10n:priority'
+translation_of: Web/HTML
+---
+<div>{{HTMLSidebar}}</div>
+
+<p><mark>HTML</mark> (HyperText Markup Language – език за обозначаване на свръх-текст) е в основата на Уеб<span class="seoSummary">. Той описва и задава съдържанието на всяка уеб-страница. Из ползвате и други допълнителни технологии освен HTML. <a href="/docs/Web/CSS">CSS</a> си използва за задаването на външния вид/представянето на страницата, а <a href="/docs/Web/JavaScript">JavaScript</a> определя действията които се случват при някакви събития, настъпващи в страницата.</span></p>
+
+<p>"Свръх-текст" или вече приетото "Хипер-текст", означава че в текста има препратки, които свързват две страници в един сайт една с друга или връзки между два отделни сайта. Връзките са от основно значение за уеб. Като качвате съдържание в Интернет и свързвайки го със страници, създадени от други хора, вие ставате действен участник в Световната Мрежа.</p>
+
+<p>HTML използва "маркиране" за анотиране на  текст, снимки, и друго съдаржание за показване в уеб браузъра. HTML маркирането включва специални "елементи" като {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, и много други.</p>
+
+<p>Статиите по-долу ще ви помогнат да научите повече за HTML.</p>
+
+<section class="cleared" id="sect1">
+<ul class="card-grid">
+ <li><span>HTML Въведение</span>
+
+ <p>Ако сте нов в уеб програмирането,не забравяйте да прочетете нашите статии <a href="/bg/docs/Learn/Да_започнем_с_Мрежата/Основи_на_HTML">Основи на HTML</a>  и да научите какво е HTML и как се използва.</p>
+ </li>
+ <li><span>HTML Уроци</span>
+ <p>Статии които показват как да изпозлвате HTML, както и уроци с пълни примери. Разгледайте <a href="/docs/Learn/HTML">частта за обучение по HTML</a>.</p>
+ </li>
+ <li><span>HTML Препратки</span>
+ <p>В нашата разширена секция <a href="/docs/Web/HTML/Reference">HTML препратки</a> , ще намерите детайли за всеки елемент и атрибут в HTML.</p>
+ </li>
+</ul>
+
+<div class="row topicpage-table">
+<div class="section">
+<h2 class="Tools" id="Tools" name="Tools">Уроци за начинаещи</h2>
+
+<p>Нашата <a href="/docs/Learn/HTML">HTML среда за обучение</a> включва множество модули , които изучават HTML от основите нагоре — без да се изискват предварителни знания.</p>
+
+<dl>
+ <dt><a href="/docs/Learn/HTML/Introduction_to_HTML">Въведение в HTML</a></dt>
+ <dd>Този модул определя основите, показвайки как да използваме важните понятия и синтакс , такъв като търсенето и добавянето на HTML към текст, как да създаваме хиперлинкове и как да използваме HTML за да структурираме уеб страница.</dd>
+ <dt><a href="/docs/Learn/HTML/Multimedia_and_embedding">Мултимедия и вграждане</a></dt>
+ <dd>Този модул изследва/показва как може да използваме HTML за да вмъкнем мултимедия в нашите уеб страници, включвайки различни начини как снимките могат да бъдат вмъквани и как да вмъкваме видео, аудио и дори цели други уеб страници.</dd>
+ <dt><a href="/docs/Learn/HTML/Tables">HTML таблици</a></dt>
+ <dd>Представянето на таблични данни на уеб страница на разбираем и достъпен начин може да бъде предизвикателство. Този модул обхваща основите на таблиците, заедно с по-сложни функции като прилагане на надписи и обобщения.</dd>
+ <dt><a href="/docs/Learn/HTML/Forms">HTML форми</a></dt>
+ <dd>Формите са много важна част от УЕБ — те осигуряват голяма част от функционалността, която ви е нужна за взаимодействие с уеб сайтовете. Като регистриране и вписване, изпращане на обратна връзка, покупка на продукти и още много. Този модул ще ви помогне да стартирате със създаването на форми от клиентската страна.</dd>
+ <dt><a href="https://developer.mozilla.org/docs/Learn/HTML/Howto">Използване на HTML за решаването на общи проблеми</a></dt>
+ <dd>Предоставя връзки към раздели, които обясняват как да използваме HTML за да решаваме често срещани проблеми, когато създаваме уеб страница:  работим с заглавия, добавяме снимки или видео, подчертаваме съдържанието, създаваме основни форми и др.</dd>
+</dl>
+</div>
+
+<div class="section">
+<h2 class="Documentation" id="Препратки">Препратки</h2>
+
+<dl>
+ <dt class="landingPageList"><a href="/docs/Web/HTML/Reference">HTML препратки</a></dt>
+ <dd class="landingPageList">HTML се състои от <strong>елементи</strong>, всеки от който може да мъде модифициран по някакъв брой от атрибути. HTML документите са свързани един друг чрез <a href="/docs/Web/HTML/Link_types">връзки</a>.</dd>
+ <dt class="landingPageList"><a href="/docs/Web/HTML/Element">HTML елементи - препратки</a></dt>
+ <dd class="landingPageList">Разгледайте списък с всички <a class="glossaryLink" href="/en-US/docs/Glossary/HTML">HTML</a> <a class="glossaryLink" href="/docs/Glossary/Element">елементи</a>.</dd>
+ <dt class="landingPageList"><a href="/docs/Web/HTML/Attributes">HTML атрибути - препратки</a></dt>
+ <dd class="landingPageList">Елементите в HTML имат <strong>атрибути</strong>. Това са допълнителни стойности, които конфигурират или коригират поведението им по различни начини.</dd>
+ <dt class="landingPageList"><a href="/docs/Web/HTML/Global_attributes">Глобални атрибути</a></dt>
+ <dd class="landingPageList">Глобалните атрибути могат да бъдат посочени за всички <a href="/en-US/docs/Web/HTML/Element">HTML елементи</a>, <em>дори тези които не са посочени в стандарта</em>. Това означава, че всички нестандартни елементи трябва да разрешават тези атрибути , въпреки че тези елементи правят HTML5 документа несъответстващ.</dd>
+ <dt class="landingPageList"><a href="/docs/Web/HTML/Inline_elements">Елементи на един ред</a> и <a href="/docs/Web/HTML/Block-level_elements">блокови елементи</a></dt>
+ <dd class="landingPageList">HTML елементите са обикновенно "на един ред" или "блокови" елементи. Елемента на един ред <span lang="bg">заема само пространството</span> <span lang="bg">ограничено от маркерите, които го дефинират. Блоковия елемент заема цялото пространство на своя родителски елемент (контейнер), като по този начин създава "блок".</span></dd>
+ <dt class="landingPageList"></dt>
+ <dt class="landingPageList"><a href="/docs/Web/HTML/Link_types">Типове връзки</a></dt>
+ <dd class="landingPageList"><span lang="bg">В HTML могат да се използват различни типове връзки за установяване и дефиниране на връзката между два документа. Елементите на връзката, които типове могат да бъдат зададени, включват</span> <a href="/docs/Web/HTML/Element/a"><code>&lt;a&gt;</code></a>, <a href="/docs/Web/HTML/Element/area"><code>&lt;area&gt;</code></a>, и <a href="/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a>.</dd>
+ <dt class="landingPageList"><a href="/docs/Web/HTML/Supported_media_formats">Медия формати поддържани от HTML аудио и видео елементите</a></dt>
+ <dd class="landingPageList"><a href="/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a> и <a href="/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a> елементите ти позволяват да въизпроизвеждаш аудио и видео медия. Тези елементи осигуряват браузър-естествена алтернатива, която има подобни възможности като Adobe Flash и други плъгини.</dd>
+</dl>
+</div>
+</div>
+</section>