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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<HTML>

<HEAD>

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

</HEAD>

<BODY BGCOLOR= колір>

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

</BODY>

</HTML>

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

BODY

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заголовки

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

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

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

Списки

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

• <ul>

– type• disk

• circle

• square

• <li>

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

Списки

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

• <ol>

– type• 1

• A

• a

• I

• i

– start

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

Довідник

• http://astra.hmarka.net/

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

• Інтернет.HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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