Додаткові можливості форматування
Додаткові можливості з форматування тексту (управління кольором, стилем, розміром, зображенням і видом шрифту) надає тег <FONT>. Ці теги можуть мати вкладену структуру, але вони не є кумулятивними, тобто вони завжди змінюють параметри тексту щодо базових.
<BASEFONT .> — тег, який визначає базовий стиль тексту сторінки.
size=n — установка фактичного розміру шрифту (1<п<7), за замовчуванням задається розмір 3.
size=k — встановлює відносний розмір символів тексту (1<пк<7).
color= — колір символів.
face= — шрифт.
<FONT>...</FONT> — визначає стиль елементу сторінки, атрибути такі ж, як у тега <BASEFONT .>.
<BDO .>...</BDO> — дозволяє змінювати напрям тексту
dir=LTR — зліва направо (RTL — справа наліво).
<BLOCKQUOTE>...</BLOCKQUOTE> — позначає цитату, текст цитати розташовується з відступом від лівого краю вікна і може використовувати-
ся в самих різних випадках. Якщо необхідно, лапки задаються явним чином
site=URL — адреса джерела цитати, якщо вона з Інтернету.
<Q>...</Q> — використовується для виділення цитати усередині абзацу.
Колір | Color | 16-ковий коду |
Аквамарин | Aqua | #OOFFFF |
Білий | White | #FFFFFF |
Жовтий | Yellow | #FFFF00 |
Зелений | Green | #008000 |
Золотий | Gold | #FFD700 |
Індиго | Indigo | #4B0080 |
Каштановий | Maroon | #800000 |
Червоний | Red | #FF0000 |
Оливковий | Olive | #808000 |
Оранжевий | Orange | #FFA500 |
Пурпурний | Purple | #800080 |
Ясно-зелений | Lime | #00FF00 |
Сріблястий | Silver | #C0C0C0 |
Сірий | Gray | #808080 |
Сизий | Teal | #008080 |
Синій | Blue | #0000FF |
Ультрамарин | Navy | #000080 |
Фіолетовий | Violet | #EE80EE |
Фуксиновий | Fuchsia | #FF00FF |
Чорний | Black | #000000 |
|
|
ПРАКТИЧНА РОБОТА №6
Мета роботи. Отримати навички використання списків визначень й опису стилів списків у CSS.
Теоретична частина Списки визначень
Тег списків визначень задуманий для форматування описів різних термінів, визначень і понять. Абзаци, розміщені в цьому списку, можуть бути визначеннями, доповненнями, роз'ясненнями пунктів. Але, за своєю суттю, списки визначень є заголовком і довільним текстом під заголовком.
<DL>... </DL> — тег, що описує списки визначень.
<DT> — пункт списку (термін).
<DD> — визначення пункту списку (терміну), для пункту списку може бути представлено декілька визначень.
Властивості списків можна задати у файлі каскадних таблиць стилів:
list-style-type: — визначення типу маркера (значення: попе — без маркерів; circle — кола; square — квадрати; decimal — арабські цифри; lower-roman — римські цифри (малі букви); upper-roman — римські цифри (великі букви); lower-alpha — рядкові латинські букви; upper-alpha — прописні латинські букви);
list-style-image: — визначення малюнка маркера (значення: поле — малюнок не використовується; URL (url) — адреса графічного файлу);
|
|
list-style-position: — положення маркера щодо списку (значення: inside — маркер усередині списку; outside — маркер поза списком);
list-style — визначає вид маркерів — тип, малюнок, положення (значення: відповідають значенням параметрів).
Приклад використання:
UL {list-style-type: lower-alpha} UL {list-style: circle none outside}
Порядок виконання роботи
1. Відкрийте сторінку «Перший досвід» для редагування HTML-коду.
2. У розділ «Це цікаво» додайте фрагмент, відформувавши його у вигляді наступного списку визначень:
Системи кодування російськомовного сектора Інтернету
ISO 8859—5 — перше кодування, прийняте на зорі комп'ютерної ери, номінально є базовою. DOS кодування — прийшло разом із програмними продуктами Microsoft, довгий час було стандартом для програмних продуктів.
Win-1251 — новий стандарт, що прийшов разом із Windows-95. КОІ-8у (КОІ-8) — національний стандарт, підтриманий продуктами операційної системи Unix, довгий час панував у російськомовній частині Інтернету. Macintosh — кодування, що підтримується комп'ютерами фірми Apple Macintosh. Юникод (UFT-8) — стандарт кодування знаків, розроблений організацією Unicode Consortium, який дозволяє представити знаки практично всіх письмових мов, для кодування використовується 16-бітовий код.
|
|
3. У файлі style.css визначте стиль для списків, що використовуються на сторінці.
4. Збережіть зміни в програмі Блокнот і прогляньте результат у браузері. Введений фрагмент відформатував у стилі списку визначень.
ПРАКТИЧНА РОБОТА №7
Мета роботи. Отримати навички створення таблиць і познайомитися з прийомами форматування таблиць.
Дата добавления: 2020-04-25; просмотров: 76; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!