Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання.

Мова розмітки гіпертексту HTML. Основні розділи документу HTML

Документ HTML можна розглядати як сукупність вказівок (команд) і даних (як безпосередньо розміщених у документів, так і пов'язаних з ним посиланнями), які при інтерпретації програмою-броузером відтворюють вигляд сторінок документу. Документ HTML складається з так званих тегів.

Тег - це одиниця коду HTML, яка складається з "команди", поміщеної у кутові дужки < >. Теги бувають відкриваючими та закриваючими. Закриваючі теги починаються зі знаку /. Документи починаються і закінчуються тегами, які позначають його початок та кінець: <!DOCTYPE html> та </html>

В межах документу виділяються дві області - заголовок та власне "тіло документу". Заголовок оголошується тегами <head> та </head>

У межах заголовку можуть розміщуватись власне заголовок документу (відображається у верхній стрічці вікна броузера), він створюється тегами <title> та </title>; крім цього у заголовку документу може міститися тег <meta>, який використовується для технічного опису документу (інформація для пошукових програм), а також тег <style>, який використовується для опису стилів, які використовуються у документі.

Наступним розділом документу HTML є розділ "тіла документу". Він починається тегом <body>, а закінчується тегом </body> . Він має наступні параметри:

  • background = "*.*" Замість *.* вказується адреса малюнка, який повинен бути фоном даного документу
  • bgcolor= Вказується назва або номер кольору, який повинен бути фоновим для даного документу
  • text= Вказується колір тексту
  • link= Визначає колір гіперпосилань у документі
  • alink= Визначає колір гіперпосилань у момент натиснення
  • vlink= Визначає колір переглянутих гіперпосилань

Форматування символів

Для оформлення документів може використовуватись багато кольорів. З ними можна ознайомитися на цій сторінці .

Для переходу на новий рядок використовується тег <br> .

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

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

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

А текст, розміщений між тегами <u> та </u> буде підкресленим. underlined

Текст, розміщений між тегами <s> та </s> буде перекресленим. striken

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

Текст, розміщений між тегами <sup> та </sup> буде виглядати як верхній індекс. індекс

<q> та </q> - цитата (браузер додасть лапки)To be or not to be

<em> та </em>, <strong> та </strong> - виділення тексту EM STRONG

<abbr> - скорочення (при наведенні миші видно повний текст)

<abbr title="got to go">g2g</abbr> GTG

<mark> та </mark> - виділення-підсвітлення mark

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