|
|
Основні теги для форматування таблиць на мові HTML. ⇐ ПредыдущаяСтр 3 из 3 1. Розмістіть назву таблиці під таблицею. Для цього потрібно додати до тегу <CAPTION> атрибут VALIGN із значенням BOTTOM наступним чином: <CAPTION ALIGN="LEFT" VALIGN=BOTTOM> Назва таблиці </CAPTION> При цьому треба прийняти до уваги, що атрибут VALIGN=top (назва таблиці розміщена над таблицею) можна не вказувати, оскільки за замовчуванням назва розташовується завжди над таблицею. Після додавання наведеного вище рядка до html-коду перевірте, як виглядає сторінка із доданою таблицею у вікні перегляду web-сторінки. 2 Змініть розташування таблиці на сторінці, шляхом додавання атрибуту ALIGN, встановивши її посередині, праворуч або ліворуч. Для цього потрібно по черзі замінити рядок html-коду <TABLE> дописавши відповідні атрибути та значення атрибутів: <table align=center> <table align=right> <table align=left> Значення атрибуту align=left можна не вказувати, оскільки вирівнювання таблиці ліворуч встановлюється за замовчуванням. Після додавання кожного з наведених вище рядків до html-коду перевірте, як виглядає сторінка із доданою таблицею у вікні web-браузера. 3. Змініть вигляд рамки навколо таблиці шляхом додавання атрибуту BORDER із значенням 10 до тегу <TABLE> наступним чином: <table border=10> Значення атрибуту (у нашому випадку – 10) означає товщину рамки таблиці у пікселях. Нульове значення атрибуту означає відсутність рамки в таблиці. Встановіть значення атрибуту 5 і 0, перегляньте як виглядає таблиця. 4. Змініть відстань між суміжними чарунками таблиці шляхом додавання атрибуту CELLSPACING із значенням 10 до тегу <TABLE> наступним чином: <table border=10 cellspacing=10> Значення атрибуту (у нашому випадку – 10) означає відстань між сусідніми чарунками (по вертикалі і горизонталі) у пікселях. Нульове значення атрибуту означає, що рамки чарунок взаємно накладаються, створюючи єдину сітку таблиці. Встановіть значення атрибуту 5 і 0, перегляньте як виглядає таблиця у вікні web-браузера. 5. Змініть відстань між рамкою чарунки та даними, що у ній знаходяться шляхом додавання атрибуту CELLPADDING із значенням 10 до тегу <TABLE> наступним чином: <table border=10 cellspacing=10 cellpadding=10> При цьому треба прийняти до уваги, що значення атрибуту (у нашому випадку – 10) означає відстань між даними та рамкою чарунки у пікселях. Нульове значення атрибуту означає, що дані можуть торкатися рамки. Встановіть значення атрибуту 5 і 0, подивіться, як змінюються чарунки таблиці у вікні web-браузера. 6. Встановіть примусово розміри таблиці із застосуванням атрибутів WIDTH і HEIGHT тегу <TABLE>. Значення атрибутів можна вказувати у відсотках від відповідних розмірів вікна перегляду або у пікселях. Для того, щоб таблиця займала половину вікна по висоті та половину по ширині (незалежно від типу монітора) змініть тег <TABLE> наступним чином: <table border=10 cellspacing=10 cellpadding=5 width=50% height=50%> Перевірте, як виглядає таблиця у у вікні web-браузера. 6. Для зміни кольору рамки додайте до тегу <TABLE> атрибут bordercolor з одним із наступних значень:
Наприклад: <table bordercolor="gold" border=10 cellspacing=10 cellpadding=5 width=50% height=50%> Перевірте, як виглядає таблиця у у вікні web-браузера. 7. Для зміни кольору фону усієї таблиці додайте до тегу <TABLE> атрибут bgcolor з одним із значень, зазначених у п.16. Наприклад: <table bgcolor="BROWN" bordercolor="gold" border=10 cellspacing=10 cellpadding=5 width=50% height=50%> Перевірте, як виглядає таблиця у у вікні web-браузера. 8. Для зміни кольору фону другого рядка таблиці замініть другий тег <TR> доповнивши його атрибутом bgcolor, що приймає одне із значень, наведених у п.16. Наприклад: <tr bgcolor=yellow> Перевірте, як виглядає таблиця у режимі перегляду Просмотр. 9. Для зміни кольору фону першої чарунки першого рядка таблиці додайте до першого тегу <TD> першого тегу <TR> атрибут bgcolor з одим із значень, зазначених у п.16. Наприклад: <td bgcolor="red">Комірка 1 рядка 1</td> Перевірте, як виглядає таблиця у у вікні web-браузера. 9. Для форматування тексту у чарунці використовують тіж самі теги, що і при форматуванні звичайного тексту. У якості прикладу відформатуйте текст “Комірка 2 рядка 1” таким чином, щоб він був жирним, розмір літер – 4, шрифт – Arial, колір – білий, розташування – посередині чарунки. Для цього рядок коду: <td>Комірка 2 рядка</td> Треба замінити на рядок: <td><p align="center"><b><font size="4" face="Arial" color="white"> Комірка 2 рядка 1</font></b></td> Перевірте, як виглядає таблиця у вікні web-браузера. Контрольні запитання:
Практичне заняття №35 Тема. Використання інформаційно-довідкових систем для пошуку нормативно-правових документів (ІДС «Ліга») в юридичній діяльності Мета: Ознайомитись з основними можливостями роботи спеціалізованого програмного забезпечення (на прикладі ІДС Ліга), Проаналізувати з принципом роботи ІСС «Liga» - базою даних нормативно-правових документів. Запуск та завершення роботи ІСС «Liga». Методичне забезпечення: тексти практичних занять з технологією виконання роботи.План: Локальна мережа як основне середовище для роботи спеціалізованого програмного забезпечення (на прикладі ІДС Ліга). Інформаційно довідкові системи. Призначення та принципи роботи. Особливості роботи програми у зв'язку з використанням реляційної бази даних в основі програми. Інформаційно довідкова система «Liga». Знайомство з принципом роботи ІСС «Liga» - базою даних нормативно-правових документів. Запуск та завершення роботи ІСС «Liga». Авторизація у програмі, розділення прав користувачів. Елементи інтерфейсу програми. Настройка інтерфейсу програми для роботи з російською та українською мовами.
Хід роботи: 1. У пошуковій системі знайти офіційний сайт ligazakon, та перейти 2. Ознайомитися з основними продуктами як пропонує сервіс 3. Перейти в меню Тест драйв, за зареєструватися з наданням електронної адреси, Прізвища Ім’я, та номер телефону 4. Перейти у свою скриньку повідомлень для одержання права безкоштовно скористатися можливостями сервісу Ліга Зокон. 5. Перейти за посиланням. 6. На відкритій сторінці здійснити запити що до законодавства яке Вас цікавить 7. Зробити декілька запитів 8. Оформити звіт
  Конфликты в семейной жизни. Как это изменить? Редкий брак и взаимоотношения существуют без конфликтов и напряженности. Через это проходят все...  Что способствует осуществлению желаний? Стопроцентная, непоколебимая уверенность в своем...  ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования...  ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|