Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
ЗАВДАННЯ. 1. Вивчіть теоретичний матеріал для виконання роботи
1. Вивчіть теоретичний матеріал для виконання роботи.
2. Перевірте наявність програмного забезпечення, що необхідне для виконання лабораторних робіт: оглядачі Internet Explorer 5.0 або вище або FireFox, Блокнот або інший текстовий редактор.
3. Створіть файли sample1.htm–sample7.htm.
4. Створіть порівняльну таблицю всіх відомих Вам тегів. Для зручності розташуйте теги у алфавітному порядку. Створена таблиця буде постійно поповнюватись по мірі вивчення HTML і може бути використана в якості довідкового матеріалу (Табл. 6.1.).
Таблиця тегів Табл. 6.1
| Синтаксис тегів | Призначення | Атрибути і їх аргументи |
| <TABLE>... </TABLE> <TR>... </TD> <TD>... </TD> <TH>... </TH> <CAPTION> | Створює таблицю з однією або декількома рядками (блоки <TR>)і стовпцями (блоки TD>). За бажанням можна додати заголовки стовпців (блоки <TH>) або заголовок для всієї таблиці (<CAPTION>) | ALIGN Установлює вирівнювання тексту в комірках рядка. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання вправо).... |
5. Захистіть лабораторну роботу
Хід роботи
1. Як влаштований HTML–документ
HTML-документ – це текстовий файл з розширенням *.htm (Unix-системи можуть містити файли з розширенням *.html).
Текстовий редактор, наприклад, WordPad або Notepade (Блокнот) використовується для підготовки HTML-файлів, а оглядач, наприклад, Internet Explorer – як інструмент контролю за зробленим.
Приклад 1. У текстовому редакторі, наприклад WordPad або Notepade (Блокнот) введіть простий HTML-документ:
<html> <head> <title> Приклад 1 </title> </head> <body> <H1> Початок! </H1> <P> Це найпростіший приклад HTML-документа. </P> <P> Цей sample.htm-файл може бути одночасно відкритий і у Notepad (або WordPad), і у Internet Explorer. Збережіть зміни в Notepad (Файл–Сохранить). Відкрийте sample.htm у Internet Explorer, щоб побачити зміни реалізовані у HTML-документі. </P> </body> </html>Для зручності читання були введені абзаци, але у HTML це не обов'язково. Браузери ігнорують символи кінця рядку і пропуски у HTML–файлах. Змініть sample1.htm таким чином і збережіть зміни:
<html> <head> <title>Приклад 1 </title> </head> <body> <H1> Початок! </H1> <P>Це найпростіший приклад HTML–документа..</P> <P> Цей sample.htm–файл може бути одночасно відкритий і у Notepad (або WordPad), і у Internet Explorer. Збережіть зміни в Notepad (Файл–Сохранить). Необхідно відкрити sample.htm у Internet Explorer, щоб побачити зміни реалізовані у HTML–документі.</P> </body> </html>Зробіть активним вікно Internet Explorer з відкритим файлом sample1.htm і застосуйте команду Обновить.
Вся інформація про форматування документа зосереджена в його фрагментах, що знаходяться між знаками "<" і ">". Такий фрагмент (наприклад, <html>) називається тегом (англійською–tag).
Більшість HTML–тегів–парні, на кожний тег, що відкривається <tag> є тег, що закривається</tag> з тим же ім'ям, але додається "/".
Теги можна вводити як великими, так і маленькими літерами. Наприклад, теги <body>, <BODY> и <Body> будуть сприйматись браузером однаково.
Багато тегів, крім імені, можуть містити атрибути –елементи, що дають додаткову інформацію про те, як браузер повинен обробляти поточний тег.
Обов'язкові теги
<html>... </html>
Тег <html> відкриває HTML–документ. Тег </html> – завершує HTML–документ.
<head>... </head>
Ця пара тегів вказує на початок і кінець заголовку документа. Крім назви документа, в цей розділ можна додати багато службової інформації.
<title>... </title>
Все, що знаходиться між мітками <title> і </title>, тлумачиться оглядачем як назва документа. Оглядач показує назву поточного документа у заголовку вікна. Рекомендується назва не довша 64 символів.
<body>... </body>
Ця пара тегів вказує на початок і кінець HTML–документа, тіло і визначає вміст документа.
Date: 2016-01-20; view: 428; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |