Читайте также:
|
Браузери -це клас спеціальних програм, призначених для роботи з веб сторінками в Інтернеті.
Посилання – це слово або об’єкт за допомогою якого здійснюється перехід з одного місця документу в інше, або перехід в інший документ.
HTML (Hyper Text Markup Language) – це мова маркування гіпертексту.
Тег – це основний елемент HTML, він складається з відкриваючої та закриваючої частини.
Основні теги:
· Тег <html>..</html> - відкриває (першою частиною) та закриває (другою) html-документ. Вказує програмі, що це є HTML-документ.
· Тег <head>...</head> містить у собі інформацію про документ та його властивості. Визначає місце, де зберігається різноманітна інформація, яка не відображається в тілі документу. Тут розміщуються тег назви та теги для пошукових машин.
· В середині тега < body >...</body> міститься сам докумет. Розміщується вся основна частина документу (текст статті, фотографії, форми для заповнення, інші об’єкти)
Атрибути
· bgcolor - встанавлює колір фону документу, використовуючи значення кольору у вигляді RRGGBB - приклад: FF0000 - червоний колір, або використовує константи кольору, наприклад для жовтого кольору, <body bgcolor= "yellow">
· background - вказує на url-адресу зображення - фону документу
· text - встановлює колір тексту документа, використовуючи значення кольру у вигляді RRGGBB - приклад: 000000 - чорний колір, або використовуючи константи кольору, наприклад для зеленого кольору <body text= "green">
· <body link=?> - встановлює колір гіперпосилань, використовує значення кольору у вигляді RRGGBB - приклад: 00FF00 - зеленый колір,або використовуючи константи кольору, наприклад для червоного кольору <body link= "red">
Olive 808000, Orange FFA500, Brown A52A2A, CrimsonDC143C, Tan D2B48C, Red FF0000, Chocolate D2691E, Darkviolet9400D3, White FFFFFF, Purple 800080, Indigo 4B0082, Coral FF7F50, Yellow FFFF00, Maroon 800000, Dimgray 696969, Gray 808080, Tomato FF6347, Aqua 00FFFF, Fuchsia FF00FF, Ivory FFFFF0, Violet EE82EE, Black 000000, Lavendar E6E6FA, Cyan 00FFFF, Salmon FA8072, Magenta FF00FF, Green 008000, Bisque FFE4C4, Navy 000080, Blue 0000FF, Darkred 8B0000, Gold FFD700
· Структура веб-сторінки схожа на організм людини:
· Тег <H1></H1> дозволяє вивести на екран текст заголовку. Є різновиди даного тегу від Н1 до Н6 в залежності від розміру заголовку. Н1-найбільший. Н6-найменший.
Атрибути:
Рівень I
1. В папці з своїм прізвищем створіть папку мої веб-сторінки, в папці мої веб-сторінки створіть файл пояснення основних тегів, в даному файлі наберіть наступну інформацію ():
Теги:
<html>
</html> <!-- початок та закінчення веб-сторінки-->
<head>
</head > <!--голова сторінки (в ній зберігаються її властивості) -->
<title>
</title> <!--назва заголовку вікна -->
<body>
</body> <!-- тіло сторінки -->
<h1>
</h1> <-- вивід тексту в тілі вікна-->
Параметри:
Align <!--вирівнювання тексту можливі значення left, center, right->
Bgcolor <!--колів фону сторінки-- >
2. Відкривши програму Notepad (Блокнот) надрукуйте свою першу html-сторінку:
<html>
<head>
<title>Заголовок Вікна</title></head>
<body>
</body>
</html>
3. Збережіть файл як веб-сторінку в папку мої веб-сторінки:
1)ФайлàСохранить;2) lПапка lab1 3) Имя файла: task1a.html; 3)Тип файла Все файлы(*.*); 4) Сохранить.
4. Відкрийте ваш файл у браузері зверніть увагу на верхній лівий кут вікна.
Примітка: для зручнішої та швидшої роботи одночасно відкрийте два вікна, Перше – ваш файл у програмі „Блокнот”; Друге ваш файл у браузері Internet Explorer. Зробивши зміни у блокноті ви легко можете їх переглянути в браузері натиснувши клавішу F5 або обновить.
5. Зробіть так, щоб в вашій веб-сторінці замість слів “Заголовок Вікна” було написане ваше Прізвище та Ім’я.
6. У тегу <body> надрукуйте наступну стрічку:
<h1>Hello HTML! </h1>
Збережіть файл та подивіться на зміни у браузері.
7. Аналогічно використовуючи тег <h1> виведіть на екран привітання: “Привіт мене звати (ваше ім’я)”
8. У стрічці “ Hello HTML! ” в тег <h1> допишіть align=right, збережіть і подивіться на зміни. <h1 align=right>Hello HTML!</h1>
9. Вирівняйте весь текст по центру сторінки (align=center).
10. В середині тегу <body> допишіть параметр bgcolor=red, подивіться що при цьому на зміни в браузері, змініть його значення на blue, green, yellow, silver: <body bgcolor=red>
Рівень ІІ
Створіть веб-сторінку з наступними параметрами:
· назва файлу task1b.html;
· розміщення файлу...\мої веб-сторінки\lab1\;
· Заголовок вікна „ Мій перший сайт”;
· В середині веб-сторінки повинна знаходитися інформація:
o Прізвище, Ім’я, По-батькові вирівняне по центру;
o Університет, спеціальність вирівняні по лівому краю;
o Домашня адреса та телефон по правому краю;
· Колір фону сторінки морська хвиля (navy).
Дата добавления: 2015-10-02; просмотров: 56 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Завдання 1: створення найпростішої Веб-сторінки | | | Основні відомості. |