Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Фоновий колір




Коментар

Цей приклад демонструє, як використати коментар в початковому коді HTML.

<html>

<body>

 

<!--Цей коментар виводитися не буде-->

<p>Це звичайний параграф.</p>

 

</body>

</html>

Приклад виконання цього HTML- коду

Цей приклад демонструє використання кольорового фону на сторінці HTML. При виборі фону завжди перевіряйте, щоб текст був добре читаний!

<html>

<body bgcolor="yellow">

<h2>Дивися: Кольоровий фон!</h2>

</body>

</html>

Приклад виконання цього HTML- коду

Таблиця основних тегів HTML

Тег Опис
<html> Визначає документ HTML
<body> Визначає основну частину або тіло документу
<h1> -- <h6> Визначає заголовки з 1 по 6
<p> Визначає параграф
<br> Вставляє одиничне перенесення рядка
<hr> Визначає горизонтальну лінійку
<!--> Визначає коментар

 

Робота з текстом:

 

<b></b> — встановлює жирне зображення шрифту.

 

<i></i> - встановлює курсивне зображення шрифту.

 

<u></u> - додає підкреслення до тексту.

 

<em></em> — призначений для акцентування тексту. Браузери відображають такий текст курсивним зображенням.

 

<strike></strike> — перекреслює текст. Цей тег виключений з HTML5 замість нього рекомендується використати <s></s>

 

<tt></tt> - відображає текст моноширинним текстом. Виключений з HTML5.

 

<sup></sup> — відображає шрифт у вигляді верхнього індексу. Шрифт при цьому відображається вище за базову лінію тексту і зменшеного розміру.

 

<sub></sub> — відображає шрифт у вигляді нижнього індексу. Текст при цьому розташовується нижче базової лінії інших символів рядка і зменшеного розміру.

 

<strong></strong> — призначений для акцентування тексту. Браузери відображають такий текст жирним зображенням.

 

<small></small> — зменшує розмір шрифту на одиницю в порівнянні із звичайним текстом. У HTML розмір шрифту вимірюється в умовних одиницях від 1 до 7, середній розмір тексту, використовуваний за умовчанням, прийнятий 3. Тег <small> зменшує текст на одну умовну одиницю. Допускається застосування вкладених тегів <small>, при цьому розмір шрифту буде менше на 1 з кожним вкладеним рівнем, але не може бути менший, ніж 1.

 

<big></big> — збільшує розмір шрифту на одиницю в порівнянні із звичайним текстом. У HTML розмір шрифту вимірюється в умовних одиницях від 1 до 7, середній розмір тексту, використовуваний за умовчанням, прийнятий 3. Таким чином, додавання тега <big> збільшує текст на одну умовну одиницю. Допускається застосування вкладених тегів <big>, при цьому розмір шрифту буде більше з кожним рівнем.

 

<q></q> - використовується для виділення в тексті цитат. Вміст контейнера автоматично відображається у браузері в лапках.

 

<blockquote></blockquote> — призначений для виділення довгих цитат усередині документу. Текст, позначений цим тегом, традиційно відображається як вирівняний блок з відступами ліворуч і справа(приблизно по 40 пікселів), а також з відбиттям згори і знизу.

 

<pre></pre> - визначає блок заздалегідь форматованого тексту. Такий текст відображається зазвичай моноширинним шрифтом і з усіма пропусками між словами. За умовчанням, будь-яка кількість пропусків що йдуть в коде підряд, на веб-сторінці показується як один. Тег <pre> дозволяє обійти цю особливість і відображати текст як потрібно розробникові.

 

<p></p> - визначає текстовий абзац. Тег <p> є блоковим елементом, завжди розпочинається з нового рядка, абзаци тексту ті, що йдуть один за одним розділяються між собою відбиттям. Величиной відбиття можна управляти за допомогою стилів. Якщо закриваючого тега немає, вважається, що кінець абзацу співпадає з початком наступного блокового елементу.

 

<h1>.<h6></h6>.</h1> — HTML пропонує шість заголовків різного рівня, які показують відносну важливість секції, розташованої після заголовка. Так, тег <h1> є найбільш важливим заголовком першого рівня, а тегом <h6> служить для позначення заголовка шостого рівня і є найменш значним. За умовчанням, заголовок першого рівня відображається найбільшим шрифтом жирного зображення, заголовки подальшого рівня за розміром менші. Теги <h1>,.,<h6> відносяться до блокових елементів, вони завжди розпочинаються з нового рядка, а після них інші елементи відображаються на наступному рядку. Крім того, перед заголовком і після нього додається порожній простір. Тег має атрибут align, який визначає вирівнювання заголовка, може набувати значень left — вирівнювання заголовка по лівому краю, center — вирівнювання по центру, right — вирівнювання по правому краю, justify — вирівнювання по ширині(одночасно по правому і лівому краю). Це значення працює тільки для заголовка, довжина якого більша, ніж один рядок.

 

<font></font> — є контейнер для зміни характеристик шрифту, таких як розмір, колір і гарнітура. Хоча цей тег досі підтримується усіма браузерами, він вважається застарілим і від його використання рекомендується відмовитися на користь стилів. Тег має 3 атрибути: color — встановлює колір тексту, face — визначає гарнітуру шрифту, size — задає розмір шрифту в умовних одиницях.

 

<cite></cite> - позначає текст як цитату або виноску на інший матеріал. Таке виділення зручне для зміни стилю тексту через CSS, а також застосовується для розділення коду HTML на структурні елементи. Браузери зазвичай встановлюють текст усередині контейнера <cite> курсивом.

 

<abbr></abbr> — вказує, що послідовність символів є абревіатурою. За допомогою атрибуту title дається розшифровка скорочення, що дозволяє розуміти абревіатуру тим людям, які з нею не знайомі. Крім того, пошукові системи індексують повнотекстовий варіант скорочення, що може використовуватися для підвищення рейтингу документу.

 

За умовчанням, текст ув'язнений в контейнері <abbr> підкреслюється пунктирною лінією.

 

Таблица наиболее часто используемых символьных объектов

 

 

Таблиця найчастіше використовуваних символьних об'єктів
Результат Опис Ім'я об'єкту Номер об'єкту
  нерозривний пропуск &nbsp; &#160;
< менше &lt; &#60;
> більше &gt; &#62;
& амперсанд &amp; &#38;
" подвійна лапка &quot; &#34;
' апостроф &apos; &#39;
фунт стерлінгів &pound; &#163;
йена &yen; &#165;
§ параграф &sect; &#167;
© авторське право &copy; &#169;
® зареєстрована торгова марка &reg; &#174;
x множення &times; &#215;
ділення &divide; &#247;

Елемент розмітки <NOВR>

Тег <NОВR> (Nо Вrеаk, без обриву) дає браузеру команду відображати увесь текст в одному рядку, не обриваючи її. Якщо текст, поміщений в <NОВR>, не поміститься на екрані, браузер додасть в нижній частині вікна документу горизонтальну смугу прокрутки. Якщо ви хочете обірвати рядок у визначеному місці, поставте там тег <ВR>.

 




Поделиться с друзьями:


Дата добавления: 2013-12-12; Просмотров: 412; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.018 сек.