мова гіпертекстової розмітки
Работа добавлена на сайт samzan.net:
Мова HTML.
HTML це скорочення від HyperText Mark-up Language – «мова гіпертекстової розмітки».
Для того, щоб було зрозуміліше зазначимо, що в перших мовах програмування використовувався метод виконання програм «по рядках» - linear. Програма виконувала один рядок і переходила до наступного, всі рядки, таким чином виконувались по порядку і для того, щоб перейти до виконання п’ятого рядка необхідно було виконати попередні чотири. Поняття «гіпертекстової розмітки» передбачає не «по-рядкове» виконання, а довільну розмітку з будь-яким порядком виконання. Таким чином «гіпертекст» є протилежністю до «по-рядках».
Слід ще зазначити, що існує різновид мови HTML і називається він XHTML (eXtensible HyperText Mark-up Language). Цей варіант є більш структурованим варіантом HTML і останнім часом використовується саме він. Не слід звертати на це увагу – просто потрібно взяти це до відому.
Основою виконання розмітки в мові HTML є так звані ТЕГи. Всі теги мають однаковий формат. Вони починаються знаком “<” і закінчуються знаком “>”. В більшості випадків буває два тега – відкриваючий і закриваючий. Відкриваючий тег містить певну команду між значками < >, а закриваючий перед такою самою командою містить символ слеш “/”, наприклад:
<html> - відкриваючий тег
</html> - закриваючий тег
Все, що розміщено між відкриваючим та закриваючим тегом є вмістом цього тега. З цього правила є декілька виключень. Наприклад існує тег, який є одразу і відкриваючим і закриваючим <br /> , він виконує перехід на наступний рядок і є по суті міткою.
Вся мова HTML є по суті набором тегів і більше нічого. Отже – для того щоб вивчити цю мову необхідно вивчити всі теги (або при наймі основну їх частину).
Для того, щоб вивчити HTML найкраще просто писати на цій мові практично. Для цього нам потрібно дуже мало, а саме: програма типу «Блокнот» для написання текстів програм і будь-який Internet-браузер (Explorer, Opera, Mozila). Підключення до Internet для створення сторінок не потрібне.
Практичне заняття 1.
Тема: Стуктура WEB-сторінки. Теги для виведення тексту.
Програмні засоби: Для набору програми використовуємо програму «Блокнот», для перегляду створених сторінок використовуємо браузер Explorer або Opera.
Теоретичні відомості.
WEB-сторінка складається з обов’язкових тегів і має таку структуру:
<html> // відкриваючий тег сторінки //
<head> // відкриваючий тег заголовка //
</head> // закриваючий тег заголовка //
<body> // відкриваючий тег тіла сторінки //
. . .
</body> // закриваючий тег тіла сторінки //
</html> // закриваючий тег сторінки //
Ці теги повинні обов’язково використовуватись для будь-якої сторінки. Між тегами <body> та </body> розміщується весь матеріал сторінки.
Завдання 1:
1) Наберіть в редакторі «Блокнот» шаблон пустої сторінки :
<html>
<head>
</head>
<body>
</body>
</html>
2) Збережіть файл з текстом шаблону під іменем shablon1.htm. Зверніть увагу на зміну розширення з txt на htm. Місцем збереження може бути окрема папка з іменем webpage на диску С: ( C:\webpage).
3) Відкрийте папку в якій ви зберегли файл і запустіть його на виконання.
Ви повинні побачити пусту WEB-сторінку.
Теоретичні відомості
Введемо тепер в наш шаблон нові теги.
<tutle> Назва моєї сторінки </title>
Цей тег виводить заголовок на панелі заголовка сторінки, яку ви створюєте. Текст між тегами може бути будь-який. Цей тег поміщається між тегами <head> </head>. Тобто:
<html>
<head>
<title> Моя сторінка </title>
</head>
<body>
…
</body>
<html>
В тілі сторінки використовуються текстові теги:
|
<p> text </p> |
Параграф (звичайний текст) |
|
<h1> text </h1> |
Заголовок (найбільший шрифт) |
|
<h2> text </h2> |
Підзаголовок (менше за h1) |
|
<h3> text </h3> |
Підзаголовок (менше за h2) |
|
<h4> text </h4> |
Підзаголовок (менше за h3) |
|
<h5> text </h5> |
Підзаголовок (менше за h4) |
|
<h6> text </h6> |
Підзаголовок (менше за h5) |
|
<b> text </b> |
Bold – жирний шрифт |
|
<i> text </i> |
Italic – курсивний шрифт |
|
<small> text </small> |
Зменшений шрифт |
|
<br /> |
Перейти на новий рядок |
Завдання 2:
- Наберіть в редакторі «Блокнот» текст сторінки з використанням всіх перелічених типів шрифтів:
<html>
<head>
<title> назва моєї сторінки </title>
</head>
<body>
<p> Моя перша сторінка </p>
<h1> Це заголовок </h1>
<h2> Це підзаголовок </h2>
<h3> Це підзаголовок </h3>
<h4> Це підзаголовок </h4>
<h5> Це підзаголовок </h5>
<h6> Це підзаголовок </h6>
<b> жирний шрифт </b>
<i> курсив </i>
<small> зменшений шрифт </small>
</body>
</html>
- Збережіть файл з текстом сторінки під іменем page1.htm в папці C:\webpage
Завдання 3 (самостійне):
Напишіть WEB-сторінку з наступним текстом, використовуючи для оформлення тексту відповідні теги.
КОНСТИТУЦІЯ УКРАЇНИ
Розділ I ЗАГАЛЬНІ ЗАСАДИ
Стаття 1. Україна є суверенна і незалежна, демократична,соціальна, правова держава.
Стаття 2. Суверенітет України поширюється на всю її територію.
Україна є унітарною державою.
Територія України в межах існуючого кордону є цілісною і недоторканною.
Стаття 3. Людина, її життя і здоров’я, честь і гідність,недоторканність і безпека визнаються в Україні найвищою соціальною цінністю.
Права і свободи людини та їх гарантії визначають зміст і спрямованість діяльності держави. Держава відповідає перед людиною за свою діяльність. Утвердження і забезпечення прав і свобод людини є головним обов’язком держави.
2. Так что же такое информатика
3. Чкаловская Петроградская ПРОГРАММА СОРЕВНОВАНИЙ Спорта Высших Достижений Воз
4. 82 Форма 2а
5. Правовые системы в современном мире
6. Грошова оцінка земель с
7. Негосударственные архивы
8. Некоторые алгоритмы реализации UPSCALING
9. Основные цели и задачи плановоэкономического отдела В соответствии с возложенными на него задачами о
10. На тему- РАННЕЕ МАТЕРИНСТВО КАК НРАВСТВЕННОЭТИЧЕСКАЯ И СОЦИАЛЬНОПСИХОЛОГИЧЕСКАЯ ПРОБЛЕМА- ПУТИ ЕЕ РЕШЕНИЯ.
11. вицепрезидент фирмы IBM по маркетингу так определяет назначение маркетинга- ldquo;Маркетинг это процесс уста.
12. Толкиен отдыхает Отечественная история в скандинавской мифологии
13. Тема 2..Підготовка стрільби ЗРК 9К33М3
14. Организационные формы международного бизнеса российская практика
15. деонтология используется довольно широко как в этике так и в профессиональной этике для обозначения учен
16. экономикалы' дамыту Жобаны' міндеттері- А'су 'аласын т'ра'ты ж'мыс істеп т'р'ан к'сіпорындарды' 'ндір
17. используется для всех задач создания карт и редактирования а также для картографического анализа rcCtlog
18. 5-27пример Даты до Рождения Христа и после
19. Из Средней Азии Да
20. 1 Зарождение биржевой торговли реальными товарами возникновение понятия биржи 1