web - дизайн - рпп - №3изобразяване на текст

You might also like

Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 16

Тагове за изобразяване

на текст
1. Елемента <head>

 След като вече сме структурирали основните елементи в HTML5


документа, ние сме готови да запълним нашия сайт с информация. За
тази цел всяка информация, която се вмъква във съдържанието, трябва
да бъде сложена отново в подходящия за това елемент.
 Преди да пристъпим към вмъкване на новите елементи, важно е да
поставим универсалния набор от символи – meta тага UTF-8, благодарение
на който можем да пишем на всички езици – включително и на кирилица.
 Той изглежда така <meta charset=“UTF-8″> и се слага винаги в началото на
елемента <head>.
2.Елемента <header>

 2. Елемента <header>, който се слага в началото на елемента <body>.


Елементът <header> трябва да се използва като уводно съдържание.
Възможно е да имате няколко <header> елемента, но не може те да бъдат
поставяни в рамките на <footer> или друг <header> елемент.
 Елементът <p> (или параграф) представлява абзац от текст, който може
да се използва множество пъти навсякъде в нашия html документ.
 Елементът <nav> се използва за създаване на навигационен бар или така
нареченото меню. Отделните менюта се създават благодарение на списък
с елемента <ul> или unordered list, който съдържа в себе си множество
<li> list елементи.
3. Елементът <section>

 3. Елементът <section> означава раздел. Той може да съдържа в себе си


множество от елементи <article>, което се превежда като статия. Всяка
статия трябва да има заглавие, което се поставя в елемента <h1>. В
елемента <p> (или параграф) се записва самото съдържание към
статията.
4. Елементът <aside>

 4. Елементът <aside> включва съдържание, което се поставя в


страничната лента. Това съдържание също може да бъде в нашето
странично меню.
Елементът <footer>

 5. Елементът <footer> бележи края на нашия сайт. Там обикновено се


поставят данни за авторски права, карта на сайта, други пояснения. Все
по-модерно става във <footer> дори да се поставя навигационен бар
<nav>.
 Това е правилно структуриран код, написан на HTML5. Семантичният код в
HMTL5 е от значение за ориентацията на търсачките. Така трябва да бъде
структуриран един html документ. Това е препоръчителното правило за
подредбата в HTML документа
Ето как нагледно трябва да изглежда
структурата на Вашата HTML5 страница.
Форматиране на текст
Върху вида на текста може да се въздейства чрез следните тагове:
 <b> </b> Удебелява текста
 <i> </i> Показва текста наклонен
 <u> </u> Подчертава текста
 <strong> </strong>Удебелява текста подобно на тага <b>
 <ins> </ins> Подчертава текста подобно на тага <u>
 <address> </address> Показва текста наклонен подобно на тага <i>
 <big> </big> Увеличава големината на шрифта с един размер на всяко изписване на тага
 <small> </small> Намалява големината на шрифта с един размер на всяко изписване на
тага
 <strike> </strike> Зачертава текста
 <s> </s> Зачертава текста
 <del> </del> Зачертава текста
 <sup> </sup> Изписва текста като горен индекс
 <sub> </sub> Изписва текста като долен индекс
 <tt> </tt> Изписва текста в шрифт като на пишеща машина
 <code> </code> Изписва текста в шрифт като на пишеща машина
 <samp> </samp> Изписва текста в шрифт като на пишеща машина
 <big> </big> Увеличава големината на шрифта с един размер на всяко
изписване на тага
 <small> </small> Намалява големината на шрифта с един размер на всяко
изписване на тага
 <strike> </strike> Зачертава текста
 <s> </s> Зачертава текста
 <del> </del> Зачертава текста
 <sup> </sup> Изписва текста като горен индекс
 <sub> </sub> Изписва текста като долен индекс
 <tt> </tt> Изписва текста в шрифт като на пишеща машина
 <code> </code> Изписва текста в шрифт като на пишеща машина
 <samp> </samp> Изписва текста в шрифт като на пишеща машина
Упражнение

You might also like