Iteach WIKI - Внесок користувача [uk]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:30:46Z

Stest: /* Завдання */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
        <ol> 
        <li>Сон 
        <li>Катерина 
        <li>Заповіт 
        </ol> 
<li> Леся Українка 
        <ol> 
        <li>Лісова Пісня 
        <li>Камінний господар 
        <li>Бояриня 
        </ol> 
<li> Павло Загребельний 
        <ol> 
        <li>Роксолана 
        <li>Я, Боган 
        <li>Думки на розхрист 
        </ol> 
<li> Олесь Гончар 
        <ol> 
        <li>Тронка 
        <li>Прапороносці 
        <li>Собор 
        </ol> 
</ul> 

== Завдання ==
1. Створіть HTML-сторінку за зразком поданим на Рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

2. Змініть файл List.html відповідно до Рис. 2. Для зміни кольору тексту використайте тег (див. [http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_2 Урок 2])

[[Файл:Урок3_рис2.png]] 

3. Створіть HTML-сторінку за зразком поданим на Рис. 3
Збережіть у свою папку у файл з іменем Sesons.html.

[[Файл:Урок3_рис3.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:30:20Z

Stest: /* Завдання */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
        <ol> 
        <li>Сон 
        <li>Катерина 
        <li>Заповіт 
        </ol> 
<li> Леся Українка 
        <ol> 
        <li>Лісова Пісня 
        <li>Камінний господар 
        <li>Бояриня 
        </ol> 
<li> Павло Загребельний 
        <ol> 
        <li>Роксолана 
        <li>Я, Боган 
        <li>Думки на розхрист 
        </ol> 
<li> Олесь Гончар 
        <ol> 
        <li>Тронка 
        <li>Прапороносці 
        <li>Собор 
        </ol> 
</ul> 

== Завдання ==
1. Створіть HTML-сторінку за зразком поданим на Рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

2. Змініть файл List.html відповідно до Рис. 2. Для зміни кольору тексту використайте тег (див. [http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_2 Урок 2])

[[Файл:Урок3_рис2.png]] 

Створіть HTML-сторінку за зразком поданим на Рис. 3
Збережіть у свою папку у файл з іменем Sesons.html.

[[Файл:Урок3_рис3.png]]

Файл:Урок3 рис3.png

2012-09-26T21:29:15Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:21:52Z

Stest: /* Завдання */

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:21:21Z

Stest: /* Завдання */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
        <ol> 
        <li>Сон 
        <li>Катерина 
        <li>Заповіт 
        </ol> 
<li> Леся Українка 
        <ol> 
        <li>Лісова Пісня 
        <li>Камінний господар 
        <li>Бояриня 
        </ol> 
<li> Павло Загребельний 
        <ol> 
        <li>Роксолана 
        <li>Я, Боган 
        <li>Думки на розхрист 
        </ol> 
<li> Олесь Гончар 
        <ol> 
        <li>Тронка 
        <li>Прапороносці 
        <li>Собор 
        </ol> 
</ul> 

== Завдання ==
Створіть HTML-сторінку за зразком поданим на Рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

Змініть файл List.html відповідно до Рис. 2. Для зміни кольору тексту використайте тег (див. [http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_2 Урок 2])

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:20:32Z

Stest: /* Завдання */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
        <ol> 
        <li>Сон 
        <li>Катерина 
        <li>Заповіт 
        </ol> 
<li> Леся Українка 
        <ol> 
        <li>Лісова Пісня 
        <li>Камінний господар 
        <li>Бояриня 
        </ol> 
<li> Павло Загребельний 
        <ol> 
        <li>Роксолана 
        <li>Я, Боган 
        <li>Думки на розхрист 
        </ol> 
<li> Олесь Гончар 
        <ol> 
        <li>Тронка 
        <li>Прапороносці 
        <li>Собор 
        </ol> 
</ul> 

== Завдання ==
Створіть HTML-сторінку за зразком поданим на Рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

Змініть файл List.html відповідно до Рис. 2. Для зміни кольору тексту використайте тег 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:17:33Z

Stest: /* Вкладені списки */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
        <ol> 
        <li>Сон 
        <li>Катерина 
        <li>Заповіт 
        </ol> 
<li> Леся Українка 
        <ol> 
        <li>Лісова Пісня 
        <li>Камінний господар 
        <li>Бояриня 
        </ol> 
<li> Павло Загребельний 
        <ol> 
        <li>Роксолана 
        <li>Я, Боган 
        <li>Думки на розхрист 
        </ol> 
<li> Олесь Гончар 
        <ol> 
        <li>Тронка 
        <li>Прапороносці 
        <li>Собор 
        </ol> 
</ul> 

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:17:02Z

Stest: /* Вкладені списки */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
        <ol> 
        <li>Сон 
        <li>Катерина 
        <li>Заповіт 
        </ol> 
<li> Леся Українка 
        <ol> 
        <li>Лісова Пісня 
        <li>Камінний господар 
        <li>Бояриня 
        </ol> 
<li> Павло Загребельний 
        <ol> 
        <li>Роксолана 
        <li>Я, Боган 
        <li>Думки на розхрист 
        </ol> 
<li> Олесь Гончар 
<ol> 
<li>Тронка 
<li>Прапороносці 
<li>Собор 
</ol> 
</ul> 

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:16:19Z

Stest: /* Вкладені списки */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
        <ol> 
        <li>Сон 
        <li>Катерина 
        <li>Заповіт 
        </ol> 
<li> Леся Українка 
<ol> 
<li>Лісова Пісня 
<li>Камінний господар 
<li>Бояриня 
</ol> 
<li> Павло Загребельний 
<ol> 
<li>Роксолана 
<li>Я, Боган 
<li>Думки на розхрист 
</ol> 
<li> Олесь Гончар 
<ol> 
<li>Тронка 
<li>Прапороносці 
<li>Собор 
</ol> 
</ul> 

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:14:18Z

Stest: /* Вкладені списки */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
        <ol> 
        <li>Каменярі 
        <li>Борислав Сміється 
        <li>Захар Беркут 
        </ol> 
<li> Тарас Шевченко 
<ol> 
<li>Сон 
<li>Катерина 
<li>Заповіт 
</ol> 
<li> Леся Українка 
<ol> 
<li>Лісова Пісня 
<li>Камінний господар 
<li>Бояриня 
</ol> 
<li> Павло Загребельний 
<ol> 
<li>Роксолана 
<li>Я, Боган 
<li>Думки на розхрист 
</ol> 
<li> Олесь Гончар 
<ol> 
<li>Тронка 
<li>Прапороносці 
<li>Собор 
</ol> 
</ul> 

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:13:02Z

Stest: /* Вкладені списки */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори"> 
<li> Іван Франко 
<ol> 
<li>Каменярі 
<li>Борислав Сміється 
<li>Захар Беркут 
</ol> 
<li> Тарас Шевченко 
<ol> 
<li>Сон 
<li>Катерина 
<li>Заповіт 
</ol> 
<li> Леся Українка 
<ol> 
<li>Лісова Пісня 
<li>Камінний господар 
<li>Бояриня 
</ol> 
<li> Павло Загребельний 
<ol> 
<li>Роксолана 
<li>Я, Боган 
<li>Думки на розхрист 
</ol> 
<li> Олесь Гончар 
<ol> 
<li>Тронка 
<li>Прапороносці 
<li>Собор 
</ol> 
</ul> 

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:09:41Z

Stest: /* Вкладені списки */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:07:26Z

Stest:

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>



Сам HTML-код.

<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:04:09Z

Stest: /* Вкладені списки */

<h1> Урок 3 </h1>

== Списки ==
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

== Теги ==
<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

== Нумеровані списки ==

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>A
<td>Великі англійські літери
<tr>
<td>a
<td> Малі англійські літери
<tr>
<td>I
<td> Великі римскі цифри

<tr>
<td>i
<td> малі римскі цифри

<tr>
<td>1
<td> Арабські цифри (за замовчуванням)

</table>

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>



А так виглядає сам HTML-код.

<ol type=1 title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ol> 

== Маркеровані списки ==
Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера
<table border=1>

<tr>
<td>disk
<td>Замальований кружок. За замовчуванням
<tr>
<td>circle
<td> Незамальований кружок
<tr>
<td>square
<td> Квадратик
</table>

title

Спливаюча підказка

<h2 style = color:green;>Наприклад</h2>

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>



А так виглядає сам HTML-код.

<ul type=square title="Top 5"> 
<li> Іван Франко 
<li> Тарас Шевченко 
<li> Леся Українка 
<li> Павло Загребельний 
<li> Олесь Гончар 
</ul> 

== Вкладені списки ==

<h2 style = color:green;>Наприклад</h2>
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>

== Завдання ==
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.
[[Файл:Урок3_рис1.png]] 

[[Файл:Урок3_рис2.png]]

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T21:03:06Z

Stest: /* Вкладені списки */

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:59:44Z

Stest: /* Вкладені списки */

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:56:39Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:51:54Z

Stest: /* Вкладені списки */

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:50:16Z

Stest: /* Вкладені списки */

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:48:31Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:43:47Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:42:30Z

Stest:

Файл:Урок3 рис2.png

2012-09-26T20:42:00Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:41:31Z

Stest:

Файл:Урок3 рис1.png

2012-09-26T20:40:44Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:39:49Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-26T20:37:41Z

Stest:

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом.

При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.

У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:

• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;

• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;

• ТЕХТ=значення — задає колір тексту;

• LINK=значення — визначає колір гіперпосилань у документі;

• ALINK=значення — задає колір гіперпосилань під час клацання;

• VLINK=значення — задає колір переглянутих гіперпосилань.

Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.

• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.

• size=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:

• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моніторах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.

Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.

• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.

• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.

• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.

• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.

Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

== Завдання ==
Розмістити на веб-сторінці наведений нижче текст, відформатувавши його за зразком відповідними тегами
[[Файл:Зразок1.GIF]]

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-26T20:36:14Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 3

2012-09-26T20:18:57Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T20:11:27Z

Stest:

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом.

При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.

У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:

• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;

• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;

• ТЕХТ=значення — задає колір тексту;

• LINK=значення — визначає колір гіперпосилань у документі;

• ALINK=значення — задає колір гіперпосилань під час клацання;

• VLINK=значення — задає колір переглянутих гіперпосилань.

Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.

• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.

• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:

• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моніторах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.

Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.

• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.

• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.

• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.

• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.

Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

== Завдання ==
Розмістити на веб-сторінці наведений нижче текст, відформатувавши його за зразком відповідними тегами
[[Файл:Зразок1.GIF]]

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T20:05:39Z

Stest:

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом.

При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.

У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:

• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;

• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;

• ТЕХТ=значення — задає колір тексту;

• LINK=значення — визначає колір гіперпосилань у документі;

• ALINK=значення — задає колір гіперпосилань під час клацання;

• VLINK=значення — задає колір переглянутих гіперпосилань.

Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.

• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.

• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:

• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моніторах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.

Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.

• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.

• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.

• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.

• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.

Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

[[Файл:Зразок1.GIF]]

Файл:Зразок1.GIF

2012-09-19T20:04:51Z

Stest:

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:55:23Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом.

При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.

У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:

• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;

• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;

• ТЕХТ=значення — задає колір тексту;

• LINK=значення — визначає колір гіперпосилань у документі;

• ALINK=значення — задає колір гіперпосилань під час клацання;

• VLINK=значення — задає колір переглянутих гіперпосилань.

Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.

• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.

• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:

• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моніторах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.

Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.

• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.

• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.

• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.

• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.

Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:53:37Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом.

При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.

У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:

• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;

• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;

• ТЕХТ=значення — задає колір тексту;

• LINK=значення — визначає колір гіперпосилань у документі;

• ALINK=значення — задає колір гіперпосилань під час клацання;

• VLINK=значення — задає колір переглянутих гіперпосилань.

Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.

• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.

• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:

• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моніторах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.

Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:51:32Z

Stest: /* Абзаци */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом.

При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.

У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:

• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;

• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;

• ТЕХТ=значення — задає колір тексту;

• LINK=значення — визначає колір гіперпосилань у документі;

• ALINK=значення — задає колір гіперпосилань під час клацання;

• VLINK=значення — задає колір переглянутих гіперпосилань.

Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:50:56Z

Stest: /* Абзаци */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом.

При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.

У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:

• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:49:55Z

Stest: /* Абзаци */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:49:28Z

Stest:

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:48:41Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення         italic

 ... Підкреслене         underlined

<S> ... </S> Перекреслене         <s>striken</s>

 ... Верхній індекс         superscript

 ... Нижній індекс         subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:47:54Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

        Теги                Ефект                Приклад

 ... Напівжирне накреслення bold

 ... Курсивне накреслення italic

 ... Підкреслене underlined

<S> ... </S> Перекреслене <s>striken</s>

 ... Верхній індекс superscript

 ... Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:46:16Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги                Ефект                Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:45:58Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги            Ефект            Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:45:36Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги        Ефект        Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:45:10Z

Stest:

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги    Ефект    Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:44:21Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги Ефект Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:43:43Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги Ефект Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:41:37Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги Ефект Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:41:18Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги Ефект Приклад

&ltb> та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:29:48Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги Ефект Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів

<MARQUEE> та </MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.

Створення веб-сторінок Одеська школа 27 Урок 2

2012-09-19T19:27:30Z

Stest: /* Теги форматування тексту */

= Урок 2 =

== Розбиття тексту на логічні частини ==

=== Заголовки ===

Для того щоб розбити текст на логічні частини, використовують
заголовки. Мова HTML підтримує шість рівнів заголовків документів.
Вони позначені тегами від <Н1>...</Н1> до <Н6>...</Н6>.
На екрані ці заголовки відображаються різними шрифтами (зазвичай
напівжирними). Хоча в мові HTML є теги форматування,
які можуть змінювати зображення шрифту, користуватися ними
для заголовків не рекомендовано.
Текст, що міститься всередині тегу заголовка, відображатиметься
відповідно до його рівня. Найвищий рівень має заголовок Н1, найнижчий
— Н6. Текст заголовка може бути вирівняний по центру, за
правим або лівим краєм — для цього використовують атрибут ALIGN.
Наприклад:

<Н2 ALIGN=center | right | left >Teкст заголовка </h2> (тут символ | означає можливість вибору між значеннями center, right або left ).

=== Абзаци ===

Для визначення звичайних абзаців у мові HTML використовують
теги <Р> і </Р>. Текст, розміщений між ними, власне і буде одним
абзацом. При цьому слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення HTML-документа
браузер ігнорує. Коли браузер відтворює веб-сторінки,
абзаци відділяються один від одного за допомогою відступів.
У разі переходу на новий рядок без створення абзацу використовується
одинарний тег . Розділювачами в тексті можуть також
бути горизонтальні лінії, які візуально відділяють різні частини
документа, — їх створюють за допомогою одинарного тегу <HR>.
Кольори та зображення для всього документа і його тла задають
за допомогою тегу <BODY>. Він може мати такі атрибути:
• BACKGROUND="URL" — замість URL вказують адресу малюнка,
який має бути тлом для сторінки;
• BGC0L0R=значення — задає колір, який має бути фоновим
для документа;
• ТЕХТ=значення — задає колір тексту;
• LINK=значення — визначає колір гіперпосилань у документі;
• ALINK=значення — задає колір гіперпосилань під час клацання;
• VLINK=значення — задає колір переглянутих гіперпосилань.
Браузер перетворює текст HTML-документа під час його виведення
на екран, тобто ігнорує зайві пропуски, символи табуляції,
символи кінця рядка, форматує текст відповідно до використаних
тегів. Проте іноді виникає потреба у тому, щоб помістити в документ
відформатований текст, для якого браузер повинен зберегти
всі пропуски, навіть якщо кілька пропусків розміщені один за
одним, знаки переносу на інший рядок, табуляції та інші символи
форматування. Для цього використовують тег <PRE>TeKCT</PRE>.
Втім, якщо браузер зустріне в такому тексті теги розмітки, вона
буде відповідним чином застосована.

== Теги форматування тексту ==

Текст у HTML-документах форматують за допомогою відповідних
тегів. У нижче наведено теги, які використовують для
форматування символів, та заданий ними ефект.

Теги Ефект Приклад

 та Напівжирне накреслення bold

 та Курсивне накреслення italic

 та Підкреслене underlined

<S> та </S> Перекреслене striken

 та Верхній індекс superscript

 та Нижній індекс subscript

Окрім цього, можна визначати різні параметри шрифту. Зокрема,
за допомогою тегу <BASEFONT> задають гарнітуру (рисунок),
розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений
нижче, і має такі атрибути.
• FACE="значення" — гарнітура. Якщо зазначеної гарнітури
на комп'ютері користувача немає, то текст буде оформлено
з використанням гарнітури за умовчанням. В атрибуті FACE
іноді записують через кому кілька гарнітур, тоді браузер вибирає
гарнітури за списком: за відсутності першої використовує
другу і т. д. Значення атрибута слід подавати в лапках.
• FACE=значення — розмір шрифту (ціле число від 1 до 7).
Шрифти різних розмірів мають такий вигляд:
• COLOR=значення — колір шрифту. Як значення кольору можна
використовувати назви кольорів англійською мовою, такі
як red, green, blue тощо, або шістнадцяткові значення (записані
в шістнадцятковій системі числення), що починаються
з символу # і послідовно задають червоний, зелений та синій
кольори, які мають бути змішані для отримання потрібного.
Наприклад, #FF0000, #008000, #0000FF тощо.
Для оформлення сайту зазвичай використовують набір кольорів,
який називають безпечною палітрою. Він складається з 216 елементів.
Особливістю безпечних кольорів є те, що вони не змінюються
у разі відображення різними браузерами або на різних моніторах,
тобто ця палітра забезпечує найточнішу передачу на різних моні-
50 Розділ 2. Основи мови HTML
торах того, що задумав веб-дизайнер. Якщо будь-яка з трьох складових
шістнадцяткового значення відрізняється від 00, 33, 66,
99, СС чи FF, то колір не є безпечним. Значення атрибутів SIZE
та COLOR можна записувати без лапок.
Гарнітуру, розмір та колір шрифту для фрагмента тексту задають
за допомогою тегу Текст. Атрибути
цього тегу такі самі, як у тегу <BASEFONT>, за винятком атрибута
SIZE: його значення зі знаком мінус (або плюс) означає, що розмір
шрифту буде зменшено (чи збільшено) на відповідну величину
відносно заданого за умовчанням або у тегу <BASEFONT>. Значення
без знака задає абсолютний розмір шрифту.
Є й інші теги, які можна застосовувати для зміни параметрів
тексту.
• <BIG>Teкст</BIG> — збільшення розміру шрифту. Розмір
символів тексту збільшується на одиницю відносно поточного
рівня.
• Teкст — зменшення розміру шрифту. Розмір
символів зменшується на одиницю відносно поточного
рівня.
• <ЕМ>Текст</ЕМ> — виділення важливих фрагментів тексту.
Текст відображатиметься курсивом.
• <DEL>Teкст</DEL> — створення перекресленого тексту. Текст
буде перекреслено горизонтальною лінією.
Цікавого оформлення веб-сторінці надає пара тегів <MARQUEE> та
</MARQUEE> — вони додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.