Основните HTML етикети

Най-важните етикети в HTML са тези, които определят  заглавията, абзатсите и т. нар. “line breaks” (които указват наличието на празни редове).

Най-добрият начин да се научи HTML е да се работи с примери. Затова ще ви покажа удобен за HTML редактор. С него ще можете да редактирате HTML код и след това да виждате резултатите с натискане на един бутон.

Свалете си един от безплатните HTML редактори - CofeeCup, инсталирайте си го и при всяко написване на код, натискайте бутона за визуализиране, за да виждате какво сте написали.

И така започваме със…

Заглавията

Те се определят със стойности от <h1> до <h6>. <h1> задава най-големия размер заглавиие, а <h6> определя най-малкия.

<h1>Това е заглавие в HTML.bg</h1>
<h2>Това е заглавие в HTML.bg</h2>
<h3>Това е заглавие HTML.bg</h3>
<h4>Това е заглавие HTML.bg</h4>
<h5>Това е заглавие HTML.bg</h5>
<h6>Това е заглавие HTML.bg</h6>

HTML документът автоматично добавя допълнителен празен ред преди и след заглавието.

Параграфите

Те се задават чрез етикетът

<p>Това е абзатс</p>
<p>Това е друг абзатс</p>

Както и при заглавията, така и тук HTML документът автоматично добавя празен ред преди и след параграфа (абзатс).

Не забравяйте да затворите етикета

Можете би сте забелязали, че параграфите могат да бъдат написани в HTML кода без завършващи етикети (end tags) като

<p>Това е параграф без затворен етикет</p>
<p>Това е друг параграф без затворен етикет</p>

Горният пример работи с повечето браузъри, но не можете да разчитате на него. Новите стандарти в HTML не позволяват да има незатворени етикети. Така, че не ги забравяйте отворени. Прогармите за сърфиране в Интернет ще покажат бъркотия на страниците ви.

Поставянето в HTML елементите на етикет, с който се “затваря” (указвай се край на елемента) прави кодът по-лесен за четене от програмите за сърфиране в Интернет.

Празните редове (Line Breaks)

<br> етикетът се използва когато искате да сложите край на даден ред, но не искате да обозначите началото на нов параграф. <br> етикетът слага край на реда, където и да го поставите в него..

 Trippin' buy The Grifters movie full  <p>Това<br> е пара<br>граф с line break</p>

<br> е празен етикет. Той няма край като например </br>, защото от такъв няма никакъв смисъл.

<br> или <br />

Все по-често ще виждате <br> етикет написан така: <br />

Поради това, че <br> етикетите нямат затваряща част (closing tag) те нарушават едноот важните правила в новите стандалти за HTML ( и XML базирания XHTML), които казват, че всички елементи трябва да са затворени.

Затова пишете така <br /> и ще имате уеб страници, които са изрядни по отношение на всякакви стандарти.

Коментари в HTML

Коментарните етикети се използват, за да се запишат обяснения свързани с HTML кода. Програмите за сърфиране игнорират коментарите. Те са за дизайнерите и разработчиците, не за потребителите. Коментарите помагат къодът да бъде по-ясен и четлив за редактиране.

<!-- Това е коментар -->

Необходимо е да имате знак за възклицание в началото след отворената скоба, но не и в края.

За Обобщение Walled In

Thelma & Louise movie

• Всеки HTML елемент си има име (body, h1, p, br) и т.н.
• Началният етикет е името на елемента, което се огражда с триъгълни скоби. Например <h1>
• Краят на всеки етикет е наклонена черта, след която следва името на етикета. Двете са заградени от </h1>
• Елементът се съдържа между началния етикет и етикета за край
• Някой HTML елементи нямат съдържание
• Някои HTML елементи нямат етикет за край

Полезни съвети

Когато пишете HTML текст никога не можете да знаете как той ще се визуализира от браузъра. Някои хора използват компютри с висока резолюция, други с по-ниска. Така текстът се променя всеки път, когято се намали или увеличи размера на Интернет прозореца. Никога не форматирайте текста в редактора си, като добавяте празни редове и празни места.

HTML съкращава празните места в текста ви. Същото е и с новя ред. В HTML документа новият ред се брои като празно място.

Важно е още да знаете, че използването на параграфи като &lt;p&gt;, за да се указва празен ред е лош навик. Вместо тях използвайте &lt;br&gt; етикет. (Не използвайте &lt;br&gt; етикета обаче, за да създавате списъци. Скоро ще научите как такива се правят правилно.)

HTML документът автоматично добавя допълнителен празен ред преди и след някои елементи, както преди и след параграфите, и преди и след заглавията.

Ако искате да използвате черта, с която да разделяте съдържанието на уеб страницата си, нахишете  &lt;hr&gt. С нея можете да разделяте отделните секции.The Lost Boys movie full