Структура html- інтернет сторінки (html-документа)

транскрипт

2 + 2 1. Структура документа: Установка розділів документа: .. позначення документа в цілому; . позначення заголовка документа; . позначення зовнішнього заголовка документа; . позначення тіла документа; Мал. 1. Інтернет-сторінка текстового вмісту. Мал. 2. HTML-код веб-сторінки, представленої на рис. 1.

if ($ this-> show_pages_images $ Page_num doc [ 'images_node_id']) // $ snip = Library :: get_smart_snippet ($ text, DocShare_Docs :: CHARS_LIMIT_PAGE_IMAGE_TITLE); $ Snips = Library :: get_text_chunks ($ text, 4); ?>

4 4 Рис. 3. Інтернет-сторінка текстового вмісту. Мал. 4. HTML-код веб-сторінки, представленої на рис. 3.

5 5 Алгоритм створення списків в рамках Інтернет сторінки (HTML-документа) 1. Вказати список в цілому з позначенням необхідних властивостей (атрибутів). 2. Вказати кожен елемент списку в рамках зазначеного списку. Основні теги, які використовуються для створення списків в HTML-документах: 1. Форматування списків: Установка параметрів маркованого списку:

. позначення маркованого списку з атрибутами: type = "." визначає тип маркера: square маркер у вигляді квадрата (); disc маркер у вигляді кола (); circle маркер у вигляді кола (); Установка параметрів нумерованого списку:

. позначення нумерованого списку з атрибутами: type = "." визначає формат номера: 1 нумерація арабськими числами; А нумерація латинськими прописними буквами; а нумерація латинськими малими літерами; I нумерація римськими прописними числами; i нумерація римськими малими числами; start = "." визначає номер початкового числа (букви). Вказівка елемента для будь-якого списку:

позначення елемента списку незалежно від типу списку. 2. Додаткові позначення списків: . позначення списку вмісту папки;

. позначення списку визначень; . позначення списку меню. 3. Використання зображень як елементи списків:

. позначення зовнішнього зображення в якості елемента списку.

6 6 Рис. 5. Інтернет-сторінка текстового вмісту з використанням списків. Мал. 6. HTML-код веб-сторінки, представленої на рис. 5. Для реалізації багаторівневих списків (реалізація підрівнів здійснюється у вигляді самостійних списків) використовується вкладення списків один в одного (з точки зору тегів позначення списків в цілому). Мал. 7. Інтернет-сторінка текстового вмісту з використанням багаторівневих списків Рис. 8. HTML-код Інтернетстраніци, представленої на рис. 7

7 7 Алгоритм створення таблиць в рамках Інтернет сторінки (HTML-документа) 1. Вказати таблицю в цілому з позначенням необхідних властивостей (атрибутів). 2. Вказати рядки таблиці з позначенням необхідних властивостей (атрибутів). 3. Вказати в кожному рядку таблиці відповідних стовпці з позначенням необхідних властивостей (атрибутів). Основні теги, які використовуються для створення таблиці в HTML-документах: 1. Форматування таблиць: Форматування таблиці в цілому:

позначення таблиці з атрибутами. Форматування рядка таблиці: . позначення рядка заголовка таблиці з атрибутами. . позначення рядка таблиці з атрибутами. Форматування стовпця: . позначення стовпчика для рядка заголовка таблиці з атрибутами. . позначення стовпчика для рядка таблиці з атрибутами. Загальні атрибути для позначення компонентів таблиці (таблиці в цілому, рядки або стовпці в рядку таблиці): width = "." Ширина компонента таблиці в пікселях або у відсотках від ширини вікна. height = "." висота компонента таблиці в пікселях або у відсотках від висоти вікна. bgcolor = "." колір заливки компонента. border = "." ширина меж компонента. bordercolor = "." колір меж компонента, cellpadding = "." величина відступу даних від кордонів осередку в рамках розглянутого компонента. cellspacing = "." величина вільного простору між межами сусідніх осередків в рамках розглянутого компонента. align = "." тип вирівнювання даних по горизонталі в осередках (для стовпця або рядка) або таблиці в цілому: left по лівому краю; center по центру; right по правому краю; justify по ширині. valign = "." тип вирівнювання даних по вертикалі в осередках (для стовпця або рядка) або таблиці в цілому: top притиснення до верхнього краю комірки; middle по центру осередки; bottom притиснення до нижнього краю осередку; baseline розташування по базовій лінії рядка. Індивідуальні атрибути для позначення елементів таблиці: colspan = "." Кількість осередків, що об'єднуються в рамках рядки (кількість стовпців). rowspan = "." кількість осередків, що об'єднуються в рамках шпальти (кількість рядків). nowrap скасування перенесення слів по рядках в рамках осередки.

8 8 Рис. 9. Інтернет-сторінка текстового вмісту з використанням таблиці простий структури (без об'єднання осередків) Рис. 10. HTML-код веб-сторінки, представленої на рис. 9

9 9 Рис. 11. Інтернет-сторінка текстового вмісту з використанням таблиці складної структури (з об'єднанням осередків) Рис. 12. HTML-код веб-сторінки, представленої на рис. 11

12 12 radio радіокнопка для реалізації однозначного вибору з групи елементів (з одним кружечком): name = ім'я змінної радиокнопки; size = розмір радиокнопки; checked обрана. гуртком позиція; value = напис радиокнопки; ( 9600 біт / с біт / с); checkbox квадрат з позначкою для реалізації множинного вибору з групи елементів (множинний вибір шляхом установок галочок): name = ім'я змінної квадрата; size = розмір квадрата; checked вибрані. галочкою позиції; value = напис радиокнопки; ( Персональні комп'ютери робочі станції Сервери Інтернет); submit орган управління формою для відправки даних на сервер (кнопка з написом): name = ім'я змінної кнопки; value = напис на кнопці; (); button орган управління формою для реалізації дій в рамках форми Інтернет-сторінки (кнопка з написом): name = ім'я змінної кнопки; value = напис на кнопці; onclick = реалізація дій при натисканні на кнопку; (); reset скидання всіх введених даних до значень за замовчуванням (кнопка з написом); name = ім'я змінної кнопки; value = напис на кнопці; ( ); 3.