КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Правила побудови HTML–документів. Структура HTML–документа
|
|
|
|
Технологію побудови Web–вітрини туристичної фірми.
Технологію побудови Web–вітрини туристичної фірми. Реклама в Інтернет.
Лекція №5
План
1. Правила побудови HTML–документів. Структура HTML–документа.
2. Розділ змістової частини HTML–документа – BODY.
3. Заголовки всередині HTML–документів.
4. Створення таблиць. Створення зображень.
5. Створення гіперпосилань.
Оскільки Internet–магазини, Internet–аукціони, вуртуальні торгові майданчики – це спеціалізовані Web–сайти, для їх створення необхідно оволодіти основними прийомами Web–технології – технології створення HTML–документів.
HTML–документи – це текстові документи, для підготовки яких можна використати текстовий редактор Блокнот чи будь–який інший, що дає змогу створювати файли у текстовому форматі. Після написання HTML–файл потрібно зберегти на диску з деякою назвою з розширенням.html або.htm.
Символи, що управляють відображенням тексту і при цьому не відображаються на екрані, в мові HTML називають тегами або дескрипторами. Всі теги HTML виділяються символами–обмежувачами “<” та “>”, між якими записується ім’я тега. Web–браузер інтерпретує теги HTML і відтворює на екрані документ у тому вигляді, який йому надає розробник Web–сторінки.
Більшість тегів використовуються попарно, що дозволяє позначити початок і кінець дії відповідної команди. В цьому випадку для певного тега, що називають відкриваючим, у документі існує відповідний закриваючий тег. За правилами HTML закриваючий тег записується так само, як і відкриваючий, але з символом “/” перед іменем тега. Наприклад: <B>Моя біографія</B>.
Теги, що мають відповідні закриваючі і можуть містити інші теги, називають тегами–контейнерами. Все, що записано між відкриваючим і закриваючим тегами, називають вмістом контейнера.
|
|
|
Дію тега можна дещо змінити, задаючи певні атрибути (параметри). Значення параметра записують у лапках або без них безпосередньо після назви параметри через знак рівності. Якщо у значення входять прогалини, то запис лапок є обов’язковим. Приклад запису тега з параметрами:
<TABLE BORDER ALIGN=”LEFT”>.
HTML–код може містити коментарі, які не відображаються браузером, але служать для пояснення призначення сторінки або її коду.
Тег <!– – Текст – –> позначає коментар.
Коментар також можна записати всередині парного тега:
<COMMENT> Текст-коментар </COMMENT>.
Всі HTML–документи мають однакову загальну структуру. Найперший тег, який зустрічається в документі – це тег <HTML>. Він починає опис документа, а завершує його опис тег </HTML>. Між тегами <HTML> і </HTML> розміщають сам документ (тіло документа):
<HTML>
тіло документа
</HTML>
Документ може складатися з двох розділів – розділу заголовку (починається тегом HEAD) і розділу змістової частини доркумента (починається тегом BODY).
Завданням заголовку є надання потрібної інформації для програми, що інтерпретує документ. Розділ заголовка відкривається тегом <HEAD>. Завершальний тег </HEAD> вказує на кінець розділу заголовку Теги, що знаходяться всередині розділу HEAD, окрім назви документа, що описується за допомогою тега <TITLE>, не відображаються на екрані.Таким чином, структура HTML–документа має такий вигляд:
<HTML>
<HEAD>
<TITLE> Заголовок документа </TITLE>
</HEAD>
<BODY>
Змістова частина документа
</BODY>
</HTML>
Заголовок HTML–документа призначений для розміщення технічної інформації про документ. Це – контейнер для таких тегів: TITLE, BASE, LINK, META. Тег <TITLE>є єдиним обов’язковим тегом заголовку. Між тегами <TITLE>…</TITLE> записують назву документа, яка відображатиметься у заголовку Windows–вікна під час перегляду Web– сторінки браузером.
|
|
|
Розділ змістової частини HTML–документа – BODY
Розділ BODY – основна частина HTML–документа, в якій розміщається його змістова частина. Цей розділ починається тегом <BODY> і закінчується тегом </BODY>.
Розділ BODY може містити: текст, блоки тексту (з урахуванням форматування); різноманітні списки; таблиці; об'єкти, картинки; гіперпосилання; форми для введення даних.
Тег BODYмає ряд параметрів, ні один з яких не є обов’язковим. Параметри тега BODY наведено в табл.1. Деякі з них буде детально розглянуто в наступних параграфах.
Таблиця 1
Параметри тега BODY
| Параметр | Призначення |
| BASEFONT | вказує на шрифт, яким повинен відображатися текст документа за замовчуванням |
| BAСKCOLOR | вказує на колір фону документа |
| BAСKGROUND | вказує на URL–адресу зображення, яке використовується в якості фонового |
| TEXT | вказує на колір тексту, що використовується за замовчуванням |
| ALINK | вказує на колір активного посилання |
| LINK | вказує на колір ще не переглянутого посилання |
| VLINK | вказує на колір уже переглянутого посилання |
Так, щоб задати колір тексту, яким повинен відображатися текст документа за замовчуванням, необхідно включити в тег <BODY> параметр TEXT. Значення параметрів TEXT, ALINK, LINK, VLINK можна задавати як у словесній формі (white, yellow, black), так і за допомогою шестицифрових шістнадцяткових чисел. Так, значення #000000 відповідає чорному, а #FFFFFF – білому кольору. Наприклад, запис тега BODY у вигляді:
<BODY TEXT=”#000000“ BACKGROUND=”#FFFFFF”>,
забезпечує відображення тексту документа літерами чорного кольору на білому фоні.
Для розміщення текстових блоків HTML–документа використовується розбиття на абзаци, створення заголовків, вставка в текст горизонтальної розділової лінії тощо. Теги для розміщення тексту та їх призначення наведено в табл. 2.
Таблиця 2
Теги для розміщення тексту
| Назва тега | Призначення тега |
| <H1>, <H2>...<H6> | створення заголовків тексту |
| <P> | розмітка абзаців |
| <BR> | переведення рядка (наступний за цим тегом текст буде наведено у новому рядку) |
| <HR> | вставка в текст горизонтальної розділової лінії |
Типовими прикладами текстових блоків є абзаци. При створенні тексту за допомогою текстових редакторів розбиття на абзаци здійснюється введенням маркера кінця абзацу (натисненням на клавішу ENTER). В HTML–документах натиснення на клавішу ENTER не призводить до утворення нового абзацу. Створення нового абзацу здійснюється веденням тега <P>. Наступний за цим тегом текст під час перегляду буде починатися з нового, вирівняного до лівого краю, абзацу без відступу. Між абзацами буде порожній рядок.
|
|
|
Додаткові параметри тега <P> дозволяють вирівнювати абзац по лівому краю, центру і правому краю. В деяких описах мови HTML для значень параметра вирівнювання вказуються тільки ці три значення. В теперішній час більшість популярних браузерів виконують вирівнювання по ширині. Значення параметра ALIGN наведено в табл. 3. Приклад використання тега <P>:
<P ALIGN= “LEFT”>.
Таблиця 3
Значення параметра ALIGN тега <P>
| Значення параметра ALIGN | Спосіб вирівнювання |
| left | по лівому краю |
| center | по центру |
| right | по правому краю |
| justify | по ширині |
При відображення текстових документів у баузері місце перенесення рядка визначається автоматично залежно від розміру шрифтів, розміру вікна перегляду та роздільної здатності монітора. Для встановлення примусового розбиття рядка використовується тег <BR>, що дозволяє розмістити текст з початку нового рядка.
Для відділення однієї частини тексту від іншої також використовуються розділові горизонтальні лінії і символи. Вони візуально підкреслюють завершеність тої чи іншої ділянки сторінки. Тег <HR> дозволяє провести горизонтальну рельєфну лінію, яка відображається у вікні більшості браузерів. Атрибути тега <HR>:
WIDTH – визначає довжину лінії в пікселях або відсотках від ширини вікна браузера;
SIZE – визначає товщину лінії в пікселях;
ALIGN – визначає вирівнювання горизонтальної лінії. Атрибут може приймати наступні значення: LEFT – вирівнювання по лівому краю документа, RIGHT – вирівнювання по правому краю документа, CENTER – вирівнювання по центру документа.
|
|
|
|
|
Дата добавления: 2014-10-15; Просмотров: 857; Нарушение авторских прав?; Мы поможем в написании вашей работы!