Лістинг 4. Блочна структура

<html>

<head>

<title>Блоки (div)</title>

<style>

body {margin: 10px;}

div {border: solid 1px black;}

.top {position: relative; height: 100px; width: 100%;}

.left {position: absolute; top: 114px; left: 10px; width: 200px; }

.main {position: absolute; top: 114px; left: 214px; margin-right:8px;}

</style>

</head>

<body>

<div class="main">CONTENT</div>

</body>

</html>

Контрольні запитання

1. Що таке HTML? Що таке гіпертекстовий документ?

2. Що таке тег? Структура тега HTML. Формат запису тега HTML.

3. Привести структуру HTML документа. Описати призначення тегів <HTML>, <HEAD>, <META>, <BODY>.

4. Що таке атрибут тега? Формат запису атрибутів тега HTML.

5. Перерахувати теги для подання текстової інформації і дати їх опис.

6. Як представляються гіперпосилання в HTML документі? Дати приклад внутрішніх і зовнішніх посилань.

7. Перерахувати види списків, існуючих в HTML. Привести теги, які представляють списки в HTML.

8. Що таке вкладені списки в HTML? Привести приклад вкладеного списку HTML.

9. Як включаються графічні об'єкти в HTML документи?

10. Куди буде вказувати посилання, якщо атрибут href залишити порожнім (<a href="">якась адреса</a>)?

11. Як буде відображатися сторінка, якщо мета-тег charset не буде відповідати фактичної кодування тексту?

12. Що станеться, якщо в сторінці використовувати наступний код: