Урок 5

Текстові елементи веб-сторінки, теги та їх атрибути


Таблиця кольорів на Wiki
Об'єкт
текст в документі
в браузері
Кольоровий текст
<span style="color:#ADADAD">Текст</span>

<font color=#ADADAD">Текст</font>
Текст
Кольоровий абзац
<div style="color:red">  абзац
</div>
абзац
Фон для одного чи декількох слів
<span style="background-color:yellow"> Текст </span>
Текст
Фон абзацу
<div style="background-color:yellow"> абзац </div>
абзац
Фон комірки таблиці
style="background-color:#FEDBCA;" | текст
текст
Фон сторінки в HTML
bgcolor="#FEDBCA" | текст
текст
Заголовок - це абзац, виділений більшим чи жирним шрифтом.

Заголовки мають розмір від 1 до 6, які задаються тегами 
<h1> Перший заголовок </h1> 
<h2> Другий заголовок </h2>  
<h3> Третій заголовок </h3>
<h4> Четвертий заголовок </h4>
<h5> П'ятий заголовок </h5>         
<h6> Шостий заголовок </h6>

Із збільшенням номеру, розмір тексту зменьшується. Вигляд у браузері:


Теги для форматування символів

<b>Текст полужирний </b>  <br>
<i> Текст курсив </i>  <br>
<u> Текст підкресленний </u>  <br>
<s> Текст перекреслений</s>  <br>
Текст  <sup>  верхній індекс</sup>  <br>
Текст<sub>нижній индекс</sub>

Вигляд у браузері:


Атрибути тегу шрифту


Вирівнювання тексту задають за допомогою атрибута ALIGN

<h1 ALIGN=LEFT> Текст ліворуч </h1>
<h1 ALIGN=CENTER>Текст  по центру </h1>
<h1 ALIGN=RIGHT> Текст  праворуч </h1>


Вигляд у браузері:
Приклади сторінок:
приклад 1



приклад 2



приклад 3


Елемент MARQUEE - тег для рядку, що "біжить".
Форма запису: <MARQUEE атрибути> Текст рядка, що біжить </ MARQUEE >
Створює рядок, що біжить. Для створення різноманітних ефектів є відповідні атрибути

Для самостійної роботи: 















Додатково HTML-текст


Немає коментарів:

Дописати коментар