МОВА HTML

Українська будівельна корпорація «УКРБУД»

Київський коледж будівництва, архітектури та дизайну

ВСТУП

Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-браузера.

Для створення i редагування HTML-файла можна скористатися будь-яким текстовим редактором. Якщо HTML-файл відкрити за допомогою засобів перегляду, наприклад, Internet Explorer, він відображає текст, графіку i гіперпосилання на інші Web-сторінки.

Гіперпосилання - це фрагменти тексту або зображення на Web-сторінці, які дозволяють клацанням на них відкривати інші Web-сторінки.

Гіперпосилання виглядає, як підкреслений текст. Курсор миші на гіперпосиланні набуває форми руки. При клацанні на гіперпосиланні відкривається зв'язаний з ним документ. Якщо е доступ до Internet, гіперпосилання на Web-вузли відкриють Internet Explorer i доступ до відповідного Web-вузла. Гіперпосилання дають можливість користувачу переходи на Web-сторінках вад одного матеріалу до іншого.

Користувачі WWW можуть не тільки переглядати чужі Web-сторінки, але и створювати свої. Щоб створювати Web-сторінки, нема необхідності вивчати мову HTML. Можна конвертувати у Web-сторінки документи, створенні за допомогою текстового процесора Word, або за допомогою засобу Prints Page Express, що є в складі Windows'98.

Проте конвертуванні документи містять, як правило, багато зайвих чи нераціонально використаних елементів, що значно сповільнює роботу з ними, особливо в умовах несучасних каналів зв'язку.

ВСТУП В МОВУ HTML

Керуючим елементом мови HTML єтег, який визначає, як буде виглядати відповідний фрагмент на екрані браузера. Тег - це команда HTML формування вигляду фрагменту Web-сторінки, яка завжди… Наприклад, - почати виводити текст курсивом, - почати виводити текст напівжирним.

СТРУКТУРА HTML-ДОКУМЕНТА

Bci HTML-документа будуються за визначеними правилами: §текст документа починається тегом <HTML> i закінчується тегом… §всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY>…

ВСТАНОВЛЕННЯ КОЛЬОРУ ТЕКСТУ

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

ВСТАНОВЛЕННЯ КОЛЬОРУ ФОНУ

<body bgcolor="#000000"> Якщо колір в <body> не вказувати, то з мовчазної згоди він буде білим… Спробуйте до попереднього HTML-файлу за допомогою редактора "Блокнот" додати нові елементи i зберегти з…

ПАРАГРАФ

по центру <р align="center">текст по лівому краю

Шановний колего! Я вивчаю мову HTML, щоб створити власну домашню Web-сторінку для спілкування з друзями i знайомими.

Щоб вони могли подивитися мою фотокартку, прочитати про мене, написати кілька рядків в мою книгу для гостей.

</р>

</body>

</html>

Рекомендується за допомогою браузера переглянути цей HTML-файл, для чого досить двічі клацнути на його піктограмі. Можна встановлювати інші вирівнювання тексту i подивитися результат.

СТВОРЕННЯ ЗАГОЛОВКА

Щоб виділити текст, використовують теги заголовків Н1-Н6. Наприклад, так: <НЗ>3 Новим роком! </Н3>. Заголовки призначені для виділення невеликої частини тексту (рядок, фраза).… TEKCT

Питання для самоконтролю

2. Що таке "гіперпосилання"? Який воно має вигляд i як ним користуватися? 3. Що таке "тег"? Для чого теги використовуються? 4. Яку структуру має HTML-документ?

ГРАФІКА I ПОСИЛАННЯ НА WEB-СТОРІНЦІ

Вставка малюнків

<img src="my.jpg">, де my.jpg -ім'я файла, що містить малюнок. Замість my.jpg можна вставити ім'я… Якщо малюнок знаходиться в іншій папці, то його краще переписати в папку, де знаходиться HTML-документ.

Lt;img src="photo.jpg " align="left" HSPACE=30 VSPACE=5

Шановний колего ! Я вивчаю… мову HTML, щоб створити власну домашню Web-сторінку для спілкування з друзями i…

ПОСИЛАННЯ

Інші документи можна називати як завгодно (наприклад, photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.htmi). Kpaщe, шоб вони… Посиланням на інші документи як частини нашої Web-сторінки може бути текст або… Нехай в тай же папці з головним документом index.html створено новий текстовий документ (наприклад, з ім'ям prf.html).…

СПИСКИ

Списки маркуються за допомогою тегу <li> </li> за взірцем:

Маркер	Опис
·	<li type="disk"> Задуйвітер </li>
o	<li type="circle"> Макогоненко </li>
§	<li type="square"> Петренко </li>