WWW.REFERATCENTRAL.ORG.UA - Я ТУТ НАВЧАЮСЬ

... відкритий, безкоштовний архів рефератів, курсових, дипломних робіт

ГоловнаІнформатика, Компютерні науки → WEB – ПРОГРАМУВАННЯ - Реферат

WEB – ПРОГРАМУВАННЯ - Реферат

(Світло-зелений) #00FF00
MAROON Каштановий(Темно-бордовий) #800000
NAVY Темно-синій #000080
OLIVE Маслиновий #808000
PURPLE Фіолетовий #800080
RED Червоний #FF0000
SILVER Cрібний (ясно-сірий) #C0C0C0
TEAL Темно-зелений #008080
WHITE Білий #FFFFFF
YELLOW Жовтий #FFFF00
Форматування абзаців у HTML
Нижче приведена більшість дескрипторів форматування абзаців, підтримуваних HTML.Кожен дескриптор, крім , та приведений у цій таблиці, є контейнером.
Таблиця 9.3 - Дескриптори форматування абзаців
Дескриптор Опис
Поштова адреса
Відступ вправо
Цитата
. . . Заголовок (з першого по шостий рівні)
Елемент списку
Упорядкований список (використовується разом з )
Неупорядкований список (використовується разом з
Звичайний абзац
Неформатированный текст (зберігає пробіли)
Використовується для розриву рядка і відступу.
Створення звичайних абзаців
У текстовому процесорі для створення нового абзацу необхідно просто натиснути клавішу . В HTML для цього можна використовувати дескриптор . Але абзац - це щось ціле, до чого можна застосувати безліч операцій форматування. У Web-браузері абзаци відокремлюються один від одного порожнім рядком. У HTML абзац позначається за допомогою дескриптора .
Наприклад:
Абзаци
І-й абзац
ІІ-й абзац
ІІІ-й абзац
Організація структури документа за допомогою заголовків
У HTML існує шість рівнів заголовків, відмічуваних дескрипторами від по . Розглянемо це на такому прикладі.
Заголовки
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6
Рис.9.5 - Приклад форматування тексту заголовками.
У заголовку кожного рівня використовується той самий шрифт, але різного розміру
Списки
У HTML існує два різних типи списків - маркіровані і нумеровані. Маркіровані списки не упорядковані, тому що для інформації, що вони представляють, - це просто довільний набір речей. Для створення маркірованого списку використовується дескриптор . Після цього для додавання кожного елемента списку використовується дескриптор , як показано в наступному прикладі:
Маркірований список
Маркірований список:
1-й елемент списку
2-й елемент списку
3-й елемент списку
4-й елемент списку
На мал. видно як маркірований список відображається в браузері.
Рис.9.6 - Приклад маркірованого списку.
Для зміни маркера, що використовується для відображення маркірованого списку, необхідно скористатися атрибутом TYPE дескриптора . Йому можна привласнювати значення CIRCLE, DISC або SQUARE. Однак поводження цього атрибута в різних броузерах відрізняється.
Нумеровані списки впорядковані, тому що в них відображається послідовність чисел. Нумеровані списки використовуються для опису інструкцій або представлення списку ідей у порядку пріоритету. Для створення нумерованого списку застосовується дескриптор , як показано в слідуючому прикладі. Елементи в список додаються за допомогою дескриптора , так само, як і в попередньому прикладі.
Нумерований список
Нумерований список
1-й елемент списку
2-й елемент списку
3-й елемент списку
4-й елемент списку
Рис.9.7 - Приклад нумерованого списку.
Нумерація в нумерованому списку змінюється за допомогою атрибутів START і TYPE. Початковий номер привласнюється атрибутові START. Наприклад, для того щоб почати нумерацію з 5, необхідно привласнити атрибутові START значення 5: START=5. Можна також змінити тип нумерації, привласнивши атрибутові TYPE одне зі значень.
Таблиця 9.4 - Коди TYPE для нумерованого списку
Код Опис
А Прописні букви (А, У, З, ...)
А Малі літери (а, Ь, з,...)
I Прописні римські числа (I, II, III, ...)
I Рядкові римські числа (i, ii, iii, ...)
1 Числа(1,2,3,..)
Попереднє форматування тексту на Web-сторінці
При відображенні HTML-тексту у браузері всі зайві пробіли ігноруються. Так, якщо ви вставити між двома словами три пробіли, то все одно буде відображатися тільки один. Якщо ви вставите три порожніх рядки між двома рядками тексту, то всі ці порожні рядки заміняться одним пробілом, а текст розірветься по границі вікна.
Для того щоб точно розташувати окремі елементи форми на сторінці, використовуйте контейнер . При цьому залишаться всі пробіли, табуляції, переведення рядків і також оригінальний шрифт.
Приклад:
Збереження форматування
При відображенні файлу HTML у браузері всі зайві пробіли ігноруються.
Так, якщо ви вставити між двома словами три пробіли, то все одно буде відображатися тільки один.
Якщо ви вставите два порожніх рядки між двома рядками тексту, то всі ці порожні рядки заміняться одним пробілом, а текст розірветься по границі вікна.
Цей самий текст, але з дескриптором pre
При відображенні файлу HTML у браузері всі зайві пробіли ігноруються.
Так, якщо ви вставити між двома словами три пробіли, то все одно буде відображатися тільки один.
Якщо ви вставите два порожніх рядки між двома рядками тексту, то всі ці порожні рядки заміняться одним пробілом,
а текст розірветься по границі вікна.
В браузері MS Internet Explorer цей текст набуде такого вигляду:
Рис. 9.8. Збереження форматування з допомогою дескриптора
Таблиці
Досить велика кількість документів, з якими ми зустрічаємось щодня містить таблиці, відповідно і в HTML-коді не обійшлось без дескрипторів які дозволяють створювати таблиці.
Таблиці створюються дескриптором-контейнером .
Таблиця вводиться по рядкам, а відповідно кожний рядок складається із клітинок. Всередині нього використовуються дескриптори-контейнери, записані в таблиці 9.5.
Таблиця 9.5. Дескриптори побудови таблиць.
Дескриптор Опис
заголовок таблиці.
рядок таблиці.
клітинка заголовку. В кожній такій клітинці текст виділений напівжирним шрифтом з вирівнюванням по центру.
клітинка таблиці.
Розміщення зображень на Web-сторінці
Як правило, Web-сторінки складаються з зображень і тексту, що доповнюють один одного. Для вставки в Web-сторінку зображення використовується дескриптор . Єдиним обов'язковим атрибутом є атрибут SRC, якому привласнюється URL файлу, що містить зображення. Необхідно також використовувати атрибути WIDTH і HEIGHT для визначення ширини і висоти зображення, щоб браузер "знав", скільки місця на сторінці виділити для зображення. Завдяки цьому користувач бачить вашу сторінку швидше.
Якщо вказати ширину і висоту зображення менше дійсних розмірів, Web-браузер всерівно завантажить весь файл із зображенням, а потім стисне його до зазначених розмірів.
У HTML можна керувати вирівнюванням зображення із супровідним текстом, привласнивши атрибут ALIGN дескриптора значення TOP, MIDDLE або BOTTOM. Можна також змусити зображення вирівнятися по лівому або правому краї вікна, привласнивши
Loading...

 
 

Цікаве