13
Мова розмітки гіпертексту HTML НВК “Школа-гімназія “Сихівська”

мова розмітки гіпертексту Html

Embed Size (px)

Citation preview

Мова розмітки гіпертексту HTML

НВК “Школа-гімназія “Сихівська”

• Тег - це одиниця коду HTML, яка складається з "команди", поміщеної у кутові дужки < >

• Теги бувають відкриваючими та закриваючими

• Закриваючі теги починаються зі знаку /

• Документи починаються і закінчуютьсятегами, які позначають його початок та кінець: <HTML> та </HTML>

• В межах документу виділяються двіобласті - заголовок та власне "тілодокументу".

• Заголовок оголошується тегами <HEAD> та </HEAD>

Структура веб-документа

<HTML>

<HEAD>

<TITLE> Заголовок сторінки</TITLE>

</HEAD>

<BODY BGCOLOR= колір>

Текст сторінки

</BODY>

</HTML>

BODY

• BGCOLOR= Вказується назва або номер кольору, який повинен бути фоновим для даного документу

• BACKGROUND = Вказується назва файлу із зображенням тла

Форматування символів• Для переходу на новий рядок

використовується тег <br> .

• Для виділення тексту в абзаци існуютьтеги <p> та </p> .

• Текст, розміщений між тегами <b> та </b> буде жирнішим. bold

• Текст, розміщений між тегами <i> та </i> буде написаний курсивом. italics

• Тег <hr> вставляє у документ горизонтальну лінію.

<FONT>• face - тип шрифта (наприклад: 'Lucida

Sans', 'Arial', 'Monotype Corsiva', 'TimesNew Roman')

• size - розмір шрифта (1-7)

• color - колір шрифта.

Заголовки

• Заголовки в HTML бувають шести рівнів.

• Текст розміщений всередині тегу заголовка <h1> </h1>

Списки

• Невпорядковані

• <ul>

– type• disk

• circle

• square

• <li>

Списки

• Впорядковані

• <ol>

– type• 1

• A

• a

• I

• i

– start

Довідник

• http://astra.hmarka.net/

• Ресурси за темами

• Інтернет.HTML

Гіперпосилання

• Гіперпосилання – це вказівка для браузера, до якого об’єкта він має звернутись

<a href=“адреса переходу”> текст переходу</a>

• Внутрішні посилання – якорі

<a name=“назва якоря”> створення якоря

<a href=“#назва якоря ”> посилання на якір </a>

• Посилання на поштові скриньки

<a href=“mailto:[email protected]”> текст </a>

Кольори гіперпосилань

• Визначаються у тегу BODY

– LINK=колір гіперпосилань

–ALINK=у момент клацання

–VLINK=переглянуті гіперпосилання