- •58002 М. Чернівці, Центральна площа, 7
- •1. Методика проведення практичних робіт
- •2. Зміст практичних занять Практична робота 1 Тема: Створення та адміністрування Web-сайту на безкоштовному сервері
- •Хід роботи:
- •Контрольні питання:
- •Практична робота 2 Тема: Основи html
- •Хід роботи:
- •Хід роботи:
- •Контрольні питання:
- •Практична робота 3 Тема: Зображення. Списки. Гіпертекстові посилання
- •Контрольні запитання:
- •Практична робота 4 Тема: Таблиці
- •Хід роботи:
- •Контрольні запитання:
- •Практична робота 5 Тема: Форми
- •Хід роботи:
- •Контрольні запитання
- •Практична робота 6 Тема: Фрейми. Карти зображень
- •Хід роботи:
- •Контрольні запитання:
- •Практична робота 7 Тема: Введення в каскадні таблиці стилів
- •Хід роботи:
- •Властивості тексту
- •Контрольні запитання:
- •3. Довідково-інформаційні дані для розв’язання задач
- •Теги рівня документа
- •Теги форматування тексту
- •Атрибути тегу Img
- •Список рекомендованих джерел
Теги форматування тексту
Назва тегу |
Призначення тегу, атрибути |
<b>..</b> або <strong>...<strong> |
Встановлює відображення тексту напівжирним шрифтом |
<i>...</i> |
Встановлює відображення тексту курсивом |
<u>...</u> |
Встановлює відображення тексту підкресленим |
<s>...</s> |
Встановлює відображення тексту перекресленими символами |
<cite>...</cite> |
Встановлює позначення тексту як цитати, зазвичай відображується курсивом |
<code>...</code> |
Призначений для відображення тексту, який є програмним кодом, зазвичай відображається машинним шрифтом |
<del>...</del> |
Використовується для виділення тексту, який був видалений в новій версії документа |
< ins>...</ins> |
Використовується для виділення тексту, який був доданий в нову версію документа |
<dfn>...</dfn> |
Застосовується для виділення термінів при їх першій появі в тексті |
<sup>...</sup> |
Відображення тексту у вигляді верхнього індексу |
<sub>...</sub> |
Відображення тексту у вигляді нижнього індексу |
<pre>...</pre> |
Визначає блок тексту, в якому зберігається кількість пропусків між словами, яка задана на етапі створення документа |
<nobr>...</nobr> |
Повідомляє браузер відображати текст в один рядок без перенесення |
<h1>...</h1>…<h6></h6> |
Встановлює заголовки різного рівня значущості від найбільшого h1 до найменшого h6 |
<font>...</font> |
Призначений для налаштування характеристик шрифту, які задаються в атрибуті тегу. Тег має наступні атрибути:
|
<p>...</p> |
Визначає границі абзацу. Тег має атрибут align, який відповідає за вирівнювання тексту і може набувати значень: left, right, center і justify |
<br> |
Встановлює примусове перенесення рядків |
<hr> |
Додає горизонтальну лінію. Параметри горизонтальної лінії можна задати з використанням атрибутів тегу:
|
Таблиця 3.4
Спецсимволи мови HTML
Числовий код |
Іменна заміна |
Символ |
Опис |
" |
" |
” |
Лапка |
& |
& |
& |
Амперсанд |
< |
< |
< |
Менше |
> |
> |
> |
Більше |
|
|
|
Нерозривний пробіл |
¡ |
¡ |
i |
Перевернутий знак оклику |
¢ |
¢ |
¢ |
Цент |
£ |
£ |
£ |
Фунт |
¤ |
¤ |
$ |
Валюта |
¥ |
¥ |
¥ |
Ієна |
¨ |
¨ |
" |
Лапки |
© |
© |
© |
Зареєстрована торгова марка |
« |
« |
« |
Ліва кутова лапка |
® |
® |
® |
Копірайт |
± |
± |
± |
Плюс чи мінус |
» |
» |
» |
Права кутова лапка |
Таблиця 3.5
