Тема 1. Html (HyperText Markup Language)

1. Використайте HTML для розмітки першого абзаца цих методичних вказівок. Скористайтеся елементом h1 для заголовка теми, p для тексту, strong для першого слова в кожній пропозиції, а em для слів, що складаються із великих літер.

2. Чи є наведений нижче код коректним?

<p>От деякий текст...</p>

<hr>

<p>А от ще...</p>

3. Чому даний код є некоректним?

<p>От деякий текст...<br></br>

А от ще один...</p>

4. Є зображення з ім'ям 1.gif, що має ширину 200 пікселів та висоту 150 пікселів. Використайте атрибути width і height тегу <img>, щоб

а) збільшити розмір зображення на 100%;

б) збільшити розмір зображення на 50 %;

в) змінити відношення ширини до висоти 2:1 при збереженні ширини, заданої в пункті а).

5. Створіть гіперпосилання на такі ресурси:

а) файл index.htm, розташований у каталозі files;

б) файл index.htm, розташований у підкаталозі text каталогу files;

в) файл index.htm, розташований у каталозі other батьківського каталогу;

г) посилання на адресу електронної пошти президента США (president@whitehouse.gov).

6. Вкажіть, що в перерахованому нижче є елементом, а що – атрибутом: width; td; th; frame; name; select; type.

7. Який набір фреймів створюватиме наведений нижче код? Припустимо, що імпортовані сторінки є порожніми й мають білий фон, розмір вікна браузера дорівнює 800х600. Зробіть зображення компонування сторінки, приблизно витримуючи розміри.

<frameset rows = “20% , *”>

<frame src = “hello.htm” name = “hello”>

<frameset cols = “150 , *”>

<frame src = “nav.htm” name = “nav”>

< frame src = “my.htm” name = “my”>

</frameset>

</frameset>

8. Припустимо, у вас є документ із деякими підрозділами. Напишіть HTML-код для створення фрейму зі змістом у лівій частині вікна, задайте для кожного пункту в змісті внутрішнє посилання для прокручування вмісту правого фрейму документа вниз із метою переходу до відповідного підрозділу.