Навигация
Структура HTML документа
62770
знаков
1
таблица
2
изображения
2.1. Структура HTML документа
Символи, взяті в кутові дужки <> є HTML командами, по яким “броузер” розпізнає, як потрібно перетворити частини тексту, укладені між цими командами.
Документ загалом повинен бути відмічений як документ в форматі HTML. Для цього він повинен починатися командою <HTML> і закінчуватися командою </HTML>.
Документ складається з 2 частин:
- Заголовка (Head),
- Власне документа (Body).
Для виділення заголовка потрібно ввести: <HEAD> Заголовок документа <HEAD>
Кожний WWW - документ має назву, яка вводиться в титульному рядку броузера.
Для введення титульного рядка в заголовок документа потрібно скористатися наступними командами: <HEAD> <TITLE> TITLE List </TITLE> </HEAD>
Потрібно зазначити, що титульний рядок повинен бути на англійській мові в латинському кодуванні оскільки вона відображається в спеціальних полях броузера.
Для запису основного тексту потрібно ввести: <BODY> Основний текст </BODY>
Таким чином, загальна схема документа в форматі HTML виглядає таким чином:
<HTML>
<HEAD> <TITLE> Титульний рядок документа </TITLE> </HEAD>
<BODY> Основний текст документа </BODY>
</HTML>
При написанні команд HTML не має значення, якими буквами - рядковими або прописними Ви пишете команди.
Створення заголовків
Заголовки в документі створюються за допомогою команд: <Hi> Заголовок </Hi>, причому при i = 1 заголовок самий великий, а при i = 6 - самий дрібний.
Наприклад,
| Текст, що Відображається | Запис в форматі HTML |
| Заголовок1 | <H1> Заголовок1 </H1> |
| Заголовок2 | <H2> Заголовок2 </H2> |
| Заголовок3 | <H3> Заголовок3 </H3> |
| Заголовок4 | <H4> Заголовок4 </H4> |
| Заголовок5 | <H5> Заголовок5 </H5> |
| Заголовок6 | <H6> Заголовок6 </H6> |
ew Roman">
2.3. Створення списків
Списки призначені для представлення інформації у впорядкованому вигляді.
У HTML - документах використовується 3 види списків:
1. Неупорядковані списки,
2. Упорядковані списки,
3. Списки - визначення.
Неупорядкований список використовує для виділення записів спеціальні символи. Неупорядкований список визначається наступними командами початку і кінця списку: <UL> і <UL>
Кожний елемент списку починається з команди: <LI>
У команді <LI> може бути параметр TYPE, який визначає зовнішній вигляд символа, що використовується для виділення рядка в списку і може мати наступні значення:
<LI TYPE=DISK> - кругла жирна точка,
<LI TYPE=CIRCLE> - коло,
<LI TYPE=SQUARE> - маленький чорний квадрат.
В упорядкованому списку всі записи пронумеровані.
Упорядкований список визначається наступними командами початку і кінця списку: <OL> і </OL>
Кожний елемент списку починається з команди: <LI>
У команді <LI> може бути параметр TYPE, який визначає тип нумерації і може мати наступні значення:
<LI TYPE = А> - великими буквами,
<LI TYPE = а> - малими буквами,
<LI TYPE = I> - прописними римськими цифрами,
<LI TYPE = i> - рядковими римськими цифрами,
<LI TYPE = 1> - арабськими цифрами.
У списку - визначенні всі записи здвинуті ліворуч за допомогою табуляції.
Список - визначення визначається наступними командами початку і кінця списку: <DL> і </DL>
Кожний елемент списку починається з команди: <DD>
2.4. Форматування параграфів і виведення в декілька стовпців.
У документі HTML неможливо створити абзац, використовуючи клавішу [Enter].
Використання цієї клавіші поліпшує зовнішній вигляд початкового тексту, але не впливає на отримане зображення.
Для переходу на наступний рядок скористайтеся командою <br>
Для створення пустого рядка скористайтеся командою <р>
Для створення горизонтальної смуги скористайтеся командою <hr>
Якщо смуга створюється не на весь рядок, а на якусь її частину, наприклад, на 40%, то команда виглядає таким чином: <hr width= 40 %>
Для створення широкої смуги потрібно задати її ширину (в пікселях) <hr size= 10 >
Для вирівнювання смуги ЛІВОРУЧ/ПРАВОРУЧ/ПО ЦЕНТРУ задайте відповідний параметр ALIGN=LEFT/RIGHT/CENTER
Чорна лінія задається наявністю параметра NOSHADE.
Ви можете розташувати текст по центру за допомогою наступної команди: <CENTER>
Іноді необхідно створити текстовий документ, розташування рядків якого (табуляція, відступи, вирівнювання) визначається розробником домашньої сторінки, а не програмою-редактором.
Для створення такого тексту скористайтеся командами: <PRE> текст </PRE>
Отриманий в броузері образ тексту буде точно відповідати тексту в початковому HTML файлі.
Аналогічні функції виконує пара команд: <LISTING> текст </LISTING>
Netscape 3.0 і вище підтримує виведення в декілька стовпців, в газетному форматі за допомогою команд <MULTICOL> і </MULTICOL>.
Нижче приводиться формат команд:
<MULTICOL COLS= “N” GUTTER= “M”> текст </MULTICOL>.
Тут N - кількість стовпців, M - відстань між стовпцями.
Броузери, які не підтримують виведення в декілька стовпців, забезпечать виведення нормально, в 1 стовпець.
Похожие работы
... в даній роботі, була опробована й досліджена в реальних умовах моєї професійної діяльності й показала свою працездатність і ефективність. 3. Розробка системи керування та актуалізації інформації web-сайту національного оператора Енергоринка 3.1 Вибір інструментарію для створення web-сайту та системи керування Перед тим, як безпосередньо перейти до створення Web-сайту Національного ...
... Resourse Locator, уніфікований вказівник ресурсів), згідно з яким адреса найчастіше має такий формат: протокол://доменне і'мя//каталог/файл Р.1. Основи Web-програмування. Використання мови HTML 1.1.Базові елементи HTML Елемент HTML Для позначення меж HTML-документу використовується подвійний тег < HTML >. Початковий тег < HTML >, у якого відсутні атрибути, розміщується на ...
... документа. Ще одною з очевидних переваг XML є можливість використання її в якості універсальної мови запитів до сховищ інформації. Сьогодні в глибинах W3C знаходиться на розгляді робочий варіант стандарту XML-QL (або XQL), що, можливо, у майбутньому складе серйозну конкуренцію SQL. Крім того, XML-документи можуть виступати в якості унікального засобу збереження даних, що містить у собі одночасно ...
текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы. Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих ...
0 комментариев