Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

ІІ. Створення найпростіших Веб-сторінок

Читайте также:
  1. Лабораторна робота №1 Створення прототипів
  2. На чому ґрунтується створення рівнів управління в організації?
  3. Створення бази даних
  4. Створення логічної схеми інформаційної системи на рівні атрибутів.
  5. Створення надстрічкових та підстрічкових індексів
  6. Створення нумерованих списків

 

Одним з варіантів створення Веб-сторінок є їх створення за допомогою спеціальних тегів (дескрипторів) як текстових файлів в середовищі звичайного текстового процесору, зокрема стандартної програми Блокнот.

В середовищі Блокнота створюється текстовий файл, що зберігається з розширенням.htm або.html. Переглянути створену Веб-сторінку можливо, загрузивши її до будь-якого браузеру (Internet Explorer, Opera).

 

У загальному вигляді структуру Веб-сторінки можливо представити таким чином:

10. В папці Мої документи створіть нову папку з ім’ям Веб-сторінки. Запустіть Блокнот та збережіть новий документ під назвою doc.htm

11. Введіть текст загального вигляду структури Веб-сторінки (<!DOCTYPE HT…...</HTML>) та закрийте та збережіть документ.

12. Відкрийте цей документ за допомоги браузера. Що вийшло?

 

Документ HTML може починатися з оператора <!DOCTYPE>, який є оператором прологу і визначає, за допомогою якої версії мови HTML створена Веб-сторінка.

Услід за оператором прологу слідує тіло документа HTML, обмежене операторами <HTML> і </HTML>.

Заголовок документа виділяється операторами <HEAD> і </HEAD>. Він може містити інші оператори і займати декілька рядків. За допомогою операторів <TITLE> і </TITLE> тут задається рядок заголовка сторінки, який відображається в заголовку головного вікна навігатора. Кожний документ HTML повинен мати рядок заголовка, визначений вказаним вище способом. Цей рядок ідентифікує документ і відображається навігатором не тільки в заголовку головного вікна, але і в інших місцях, наприклад в списку відвіданих сторінок.

Тіло документа займає одну або декілька (можливо, досить багато) рядків. Воно виділяється операторами <BODY> і </BODY>.

 

13. Відредагуйте документ таким чином, щоб документ мав таку структуру та продивіться результат:

Увага! Все, що розташовано між тегами <head> </head>, - це службова інформація. Все, що розташовано між тегами <body> </body>, - це безпосередній зміст документа!

 

Щоб задати колір тексту для всього документа, треба дати відповідну команду в <body>. Наприклад, так: <body text=«#336699>»

Колір фону встановлюється за допомогою знайомого тега <body>. Наприклад, чорний фон встановиться командою: <body bgcolor=«#000000»>

 

14. До попереднього HTML-файла за допомогою редактора «Блокнот» додайте нові елементи і збережіть документ:

 

Зверніть увагу: в тезі <body> одночасно встановлюється колір тексту документа і колір фону. Це означає, що весь текст сторінки буде синім, крім тексту, для якого спеціально встановлено інший колір. Якщо колір тексту в <body> не задавати, то «з мовчазної згоди» він буде чорним.

15. Яку функцію виконує тег <br>?

 

Параграфи вводяться тегом <р></р>. За допомогою параграфів можна вирівнювати текст:

по центру

<р align=«center»>текст</p>

по лівому краю

<р align=«left»>текст</p>

по правому краю

<р align=«right»>текст</p>

по ширині

<р align=«justify»>текст</p>


 

До попереднього HTML-файла за допомогою редактора «Блокнот» додати нові елементи, зберегти та продивитись в браузері:

 

Щоб виділити текст, використовують теги заголовків Н1-Н6. На­приклад, так:

<Н3> З Новим роком! </Н3>.

Заголовки призначені для виділення невеликої частини тексту (рядок, фраза). Щоб виділити великий фрагмент тексту або тільки одне слово, треба скористатися відомими тегом <font> </font> за зразком:

<font size=«+4»> ТЕКСТ </font>

 

Написання тексту задається за допомогою тегів:

<b> Жирний текст </b>

<і> Текст курсивом </і>

<u> Підкреслений текст </u>

Для фрагмента тексту можна застосовувати кілька тегів. Наприклад: <b> <і> Жирний курсив </ і> </b>

 

Назва шрифту задається за допомогою тегів:

<font face=«ARIAL»> шрифт Arial </font>

Тут за допомогою атрибута face задано шрифт Arial.

 

16. До попереднього HTML-файла за допомогою редактора «Блокнот» додайте нові елементи, збережіть та продивіться в браузері:

17. Додайте інформацію про себе на свою сторінку, та додайте теги до тексту. Список тегів зазначен у файлі tags.html

18. Покажіть виконану роботу майстру, а після цього перейдіть на адресу http://win.mail.ru/cgi-bin/delete та видаліть створену поштову скриньку.

Контрольні питання

 

1. Якою мовою створюється Web-сторінка і яким чином відображується?

2. Що таке «гіперпосилання»? Який має вигляд і як ним користуватися?

3. Що таке «тег»?Для чого використовуються теги?

4. Яку структуру має HTML-документ?

5. Як відобразити на екрані HTML-документ?

6. Як мовою HTML встановити колір тексту? Де описані коди кольорів?

7. Яким тегом одночасно встановити колір тексту і фону?

8. Як вирівняти текст по центру, по ширині, по лівому або правому краю?

9. Якими засобами мови HTML виділити фрагменти тексту?

10. Якими засобами мови HTML задати написання тексту або (і) вид шрифту?

Дата добавления: 2015-07-10; просмотров: 437 | Нарушение авторских прав

Читайте в этой же книге: ВЫБОР СХЕМ СОЕДИНЕНИЯ ПОДСТАНЦИЙ. | СТРУКТУРА ПОТЕРЬ ЭЛЕКТРОЭНЕРГИИ. | КЛАССИФИКАЦИЯ МЕТОДОВ ОПРЕДЕЛЕНИЯ МЕСТА ПОВРЕЖДЕНИЯ. | СУЩНОСТЬ И ПРИНЦИП ДЕЙСТВИЯ ТРАНСФОРМАТОРА КАК ТРАНСФОРМАТОРНОГО ЭЛЕМЕНТА ЭЛЕКТРИЧЕСКОЙ СЕТИ | РАБОЧИЕ РЕЖИМЫ ЭЛЕКТРОЭНЕРГЕТИЧЕСКИХ СИСТЕМ. |
<== предыдущая страница | следующая страница ==>
І. Робота з поштою| Ход работы
mybiblioteka.su - 2015-2024 год. (0.008 сек.)