Mysite.css Містить інформацію про стиль абзаців Times New Roman 10, вирівнювання тексту.
Main.css Містить стиль заголовку Times New Roman 12, вирівнювання по центру, колір –червоний.
h1 {
color: red;
text-align: center;
font-weight: normal;
}
p {
color: black;
font-size: 10pt;
}
<html>
<head>
<meta charset="utf-8" >
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="mysite.css">
</head>
<body>
<h1><b>XML</b> (Extensible Markup Language)</h1>
<p>Це розширювана мова розмітки, що є підмножиною мови SGML і тому має спільні з нею цілі - розмітка будь-якого типу документів.</p>
<h1><b>XML</b></h1>
<p>Має багато спільного з мовою розмітки HTML, але вони різні за своїм призначенням. HTML, як і XML, є підмножиною SGML, але призначений тільки для відображення інформації в браузері. XML же призначений для структурованого зберігання інформації і не містить жодних конструкцій для відображення цих даних.</p>
<p>Для відображення даних, що зберігаються в XML-форматі, використовуються різного роду перетворювачі, наприклад мову трансформацій XSLT. Комбінація XML + перетворювач дозволяє досягти того ж результату, що і використання HTML - форматованого відображення документа користувача. Однак у випадку використання XML і перетворювача дані зберігаються окремо від їх подання, тобто від інструкцій про те, як вони повинні відображатися.</p>
</body>
</html>
Задача 4. Створити веб сторінку, що містить глобальний стиль заголовку та абзаців для задачі3.
<style type="text/css">
h1 {
color: red;
text-align: center;
font-weight: normal;
}
p {
color: black;
font-size: 10pt;
}
</style>
Задача 5. Створити веб сторінку, що містить внутрішній стиль заголовку та абзаців для задачі3.
<html>
<head>
<meta charset="utf-8" >
</head>
<body>
<h1 style="color: red;text-align: center;font-weight: normal;"><b>XML</b> (Extensible Markup Language)</h1>
<p style="color: black;font-size: 10pt">Це розширювана мова розмітки, що є підмножиною мови SGML і тому має спільні з нею цілі - розмітка будь-якого типу документів.</p>
<h1 style="color: red;text-align: center;font-weight: normal;"><b>XML</b></h1>
<p style="color: black;font-size: 10pt">Має багато спільного з мовою розмітки HTML, але вони різні за своїм призначенням. HTML, як і XML, є підмножиною SGML, але призначений тільки для відображення інформації в браузері. XML же призначений для структурованого зберігання інформації і не містить жодних конструкцій для відображення цих даних.</p>
<p style="color: black;font-size: 10pt">Для відображення даних, що зберігаються в XML-форматі, використовуються різного роду перетворювачі, наприклад мову трансформацій XSLT. Комбінація XML + перетворювач дозволяє досягти того ж результату, що і використання HTML - форматованого відображення документа користувача. Однак у випадку використання XML і перетворювача дані зберігаються окремо від їх подання, тобто від інструкцій про те, як вони повинні відображатися.</p>
</body>
</html>
| Основні поняття Об'єктна модель XML-документа Взаємодія PHP і XML Розширення SAX і DOM XML Установка розширення DOM XML Взаємодія PHP і XML за допомогою DOM XML |
Задача 6. Створити веб сторінку, що містить кілька стилів згідно їх ієрархії. 1,3,5 заголовок задати зеленим кольором розміром 24 пікселя за допомогою внутрішнього стилю, а наступні(2,4,6) синім кольором розмір 36 через таблицю глобальних стилів.
h1 {
color: green;
text-align: left;
font-size: 24px;
}
h2 {
color: blue;
text-align: right;
font-size: 36px;
}
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style6.css">
</head>
<body>
<h1>Основні поняття</h1>
<h2>Об'єктна модель XML-документа</h2>
<h1>Взаємодія PHP і XML</h1>
<h2>Розширення SAX і DOM XML</h2>
<h1>Установка розширення DOM XML</h1>
<h2>Взаємодія PHP і XML за допомогою DOM XML</h2>
</body>
</html>
Задача 7. Створити веб сторінку, що містить імпорт стилів заголовку(задача 6) один для виводу на екран main.css Times New Roman 14 зеленим кольором жирний та smart.css Courier New 10 чорним кольором.
@import url("smart.css");
</style>
Задача 8. Створити веб сторінку, що використовує стильову таблицю в яку імпортовано вміст стилю з зовнішнього файлу в таблицю глобальних стилів. Веб сторінка має мати вигляд задача 6.
<style type="text/css"> @import url("style8.css");</style>
Задача 9. Поясніть, що виконує даний файл:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> XML </title> <link media="print, handheld" rel="stylesheet" href="print.css" type="text/css"> <link media="screen" rel="stylesheet" href="main.css" type="text/css"> </head> <body><p> Має багато спільного з мовою розмітки HTML, але вони різні за своїм призначенням. HTML, як і XML, є підмножиною SGML, але призначений тільки для відображення інформації в браузері. XML же призначений для структурованого зберігання інформації і не містить жодних конструкцій для відображення цих даних.</p>
</body></html> Файл стилів змінюється в залежності від пристрою: принтер, кишеньковий комп’ютер, або єкран.| Табл. Названия цветов | |||
| Имя | Цвет | Код | Описание |
| white | #ffffff или #fff | Белый | |
| silver | #c0c0c0 | Серый | |
| gray | #808080 | Темно-серый | |
| black | #000000 или #000 | Черный | |
| maroon | #800000 | Темно-красный | |
| red | #ff0000 или #f00 | Красный | |
| orange | #ffa500 | Оранжевый | |
| yellow | #ffff00 или #ff0 | Желтый | |
| olive | #808000 | Оливковый | |
| lime | #00ff00 или #0f0 | Светло-зеленый | |
| green | #008000 | Зеленый | |
| aqua | #00ffff или #0ff | Голубой | |
| blue | #0000ff или #00f | Синий | |
| navy | #000080 | Темно-синий | |
| teal | #008080 | Сине-зеленый | |
| fuchsia | #ff00ff или #f0f | Розовый | |
| purple | #800080 | Фиолетовый |
