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

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

Embed Size (px)

Citation preview

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

BODYBODY

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

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

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

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

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

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

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

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

лінію.

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

<FONT><FONT>

• face - тип шрифта (наприклад: 'Lucida Sans', 'Arial', 'Monotype Corsiva', 'Times New 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

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

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

<a href=“адреса переходу”> текст переходу</a>• Внутрішні посилання – якорі<a name=“назва якоря”> створення якоря<a href=“#назва якоря ”> посилання на якір </a>• Посилання на поштові скриньки<a href=“mailto:[email protected]”> текст

</a>

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

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

•Визначаються у тегу BODY▫ LINK=колір гіперпосилань▫ ALINK=у момент клацання▫ VLINK=переглянуті

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