Контрольні запитання. 1. У текстовому редакторі Блокнот набрати запропонований текст для створення таблиці

⇐ Предыдущая 1 23

Хід роботи

1. У текстовому редакторі Блокнот набрати запропонований текст для створення таблиці.

<HTML>

<HEAD>

<TITLE> Телефони </TITLE>

</HEAD>

<BODY>

<TABLE>

<TR> <TH>Прізвище, ім'я </TH> <TH> Телефон </TH> </TR>

<TR> <TD>Андреєва Інна </TD> <TD>626262</TD> </TR>

<TR> <TD>Борисенко Ольга </TD> <TD>122115</TD> </TR>

<TR> <TD>Вакуленко Світлана </TD> <TD>262445</TD> </TR>

</TABLE>

</BODY>

</HTML>

2. Зберегти файл, вказавши назву таблиця.html в своїй папці. Відкрити створену Web-сторінку у броузері Internet Explorer.

3. В HTML-код сторінки в відповідні теги додати атрибути для зміни параметрів таблиці:

1) встановити ширину таблиці у вікні броузера 50%;

2) встановити товщину меж таблиці 6 пікселів;

3) рядок заголовку виділити будь-яким кольором;

4) змінити колір меж рядків таблиці;

вирівняти вміст другого стовпця по центру.

Результат зміни параметрів показано на малюнку.

4. Використовуючи атрибути рядків та стовпців таблиці, об’єднання комірок та задання кольору, створити Web-сторінку для відображення результатів предметних олімпіад (див. мал.).

5. В графічному редакторі Paint намалювати малюнок, зберегти його в папці Лабораторна робота.

6. В папці Лабораторна робота створити HTML-документ Списки. В код документа вставити зображення-посилання, використавши створений малюнок для завантаження файлів Таблиця та Результати предметних олімпіад.

1) Якими тегами задається задається створення таблиці?

2) Якими тегами позначається заголовок та рядки таблиці?

3) Який атрибут задає ширину таблиці?

4) Який атрибут задає виведення рамок таблиці? Як змінити товщину межі?

5) Якими атрибутами можна змінити колір фону та меж таблиці?

6) Для чого використовуються атрибути rowspan та сolspan?

Вставка зображення

Вставка зображення на Web-сторінку виконується одиночним тегом <IMG>. Усередині цього тегу обов'язково записується атрибут src, що вміщує URL зображення. Наприклад, потрібно розмістити на сторінці картинку з файла Lord.jpg. Для цього треба зберегти файл із зображенням у певній папці (наприклад, у тій самій папці, що і HTML-документ), а у документ ввести тег:

За умовчанням броузер використовуватиме реальні розміри зображення, яке зберігається в графічному файлі. Якщо потрібно змінити ці розміри, застосовують атрибути width (ширина) і height (висота) у тегу <IMG>. Значення розмірів зображення задаються звичайно у пікселах, наприклад, width="133" height="33". Можна також задавати ширину і висоту у відсотках розмірів зовнішнього елемента (сторінки). Наприклад, зображення, що задається тегом

<IMG src="lord. jpg" width="30%"> займе по ширині 30% сторінки, а висота буде розрахована броузером із зберіганням пропорцій.

Звичайно користувач бажає скласти уявлення про зміст сторінки, коли вона тільки почала завантажуватися. Тоді він зможе прийняти рішення, чи варто чекати повного завантаження сторінки. У цьому йому допоможуть написи на місці малюнків, що не завантажилися. Вони задаються атрибутами alt. Наприклад, така інструкція

замість малюнка, що не завантажився, виведе рамку із межами малюнка і помістить у неї текст «Моя фотографія».

Зображення-посилання

Гіперпосилання на Web-сторінках можна подавати не тільки як виділенний текст, а й у вигляді малюнка, Клацання мишею по такому малюнку призводить до завантаження нового HTML-документа або переходу в межах поточного документа.

Для створення зображення-посилання слід встановити у потрібному місці документа якірний тег <А> і вкласти до нього елемент IMG. Наприклад, якщо у документі розмістити елемент

<А href="http: //www. rambler. com">

</A>

то можна буде клацанням по малюнку з файла Logo.jpg завантажувати пошукову систему Рамблер.

⇐ Предыдущая 1 23

Поделиться с друзьями:

Дата добавления: 2017-01-13; Просмотров: 573; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.009 сек.