Текст. Оформлення
Материал из ЗапоВики
Содержание |
Оформлення тексту
Принципи побудови HTML-документів
Мета: ознайомити учнів з принципами побудови HTML-документів, поняттям тегу, тегами <HTML>, <HEAD>, <TITLE>, <BODY>, коментарем; формувати навички використання тегів <HTML>, <HEAD>, <TITLE>, <BODY> та коментарів; збереження текстових документів у вигляді web-сторінок.
Практична робота
I. Короткий інструктаж з правил поведінки під час роботи за комп'ютером.
II. Алгоритм виконання практичної роботи.
|
1
|
Відкрийте редактор Блокнот (Пуск → Програми → Стандартні → Блокнот)
|
|
2
|
Створіть за допомогою текстового редактора файл за зразком (рис.1). Зверніть увагу, що знаки < та > і все, що записано між ними, вводяться англійськими літерами.
|
|
3
|
Збережіть файл (Файл → Зберегти як) у власній папці з назвою practic.txt.
|
|
4
|
Збережіть файл (Файл → Зберегти як) у власній папці з назвою practic.html.
|
|
5
|
Закрийте Блокнот і перегляньте створені вами файли.
|
| 6 | Зробіть висновки. |
Теоретичний матеріал
Для підготовки html-файлу можна використати текстовий редактор Блокнот або будь-який інший, що дає змогу готувати файли у текстовому форматі. Після написання html-файл потрібно зберегти з деякою назвою та розширенням .html (або .htm).
На початковому етапі засвоєння мови розмітки гіпертексту HTML нам будуть потрібні браузер – Internet Explorer, текстовий редактор Блокнот, які входять до стандартного пакету MS Windows. У текстовому редакторі ми будемо створювати HTML-документи (web-документи, html-файли), а в браузерах – переглядати їх.
Команди мови HTML називаються Тегами (<HTML> ... </HTML>). Теги бувають одинарними і парними. Більшість тегів парні, як, наприклад, <BODY>...</BODY>, <HEAD>...</HEAD>. Такі теги називаються ще контейнерами. Контейнер може містити текст та інші Теги. Парні Теги позначають початок (відкриваючий Тег) і кінець (закриваючий Тег) області дії відповідної команди. Тег, що закриває ділянку дії, має скісну риску (/) - cлеш (не забувайте його писати, інакше Тег працюватиме неправильно).
При створенні web-сторінок виникає необхідність ввести ту чи іншу інформацію або наміри розробника, але так, щоб ці пояснення не відображалися у вікні Браузера. У таких випадках незамінним є коментар.
Коментар можна записати також за допомогою парного Тегу <COMENT> текст </COMENT>. Коментар означає фрагмент коду, що не виконується і розташований між групами символів <!- текст -->.
Теги <HTML>, <HEAD>, <TITLE>, <BODY>
<HTML> ... </HTML> Тег – означення HTML-файла.
Усередині <HEAD>...</HEAD> описують заголовок документа або заголовну частину документа, до якої вміщена назва документа, а також службова інформація для серверів, описи невеликих програм-сценаріїв.
Усередині <TITLE>... </TITLE> - записується заголовок Windows-вікна.
Усередині <BODY>...</BODY> записують те, що має відображатися у вікні браузера. Можна розташувати свою інформацію, малюнки, відеофайли,
аудіофайли тощо. При створені web-сторінки слід пам'ятати про принцип вкладення тегів: коли є поряд два відкриваючі теги, то закривати треба
спочатку другий, а лише потім той, який був записаний І першим.
Наприклад: <HEAD><TITLE> заголовок web-сторінки </TITLE> </HEAD>
Література
Колісник С.Л., Колісник С.Г. - Основи web-дизайну.: Гімназія, 2008
