1.4 Додавання зображень
Зображення вставляються за допомогою тега lt; img gt; з атрибутом src, прописується це так: Створюємо в папці «Мої документи» нову папку і називаємо її «Уроки». Усередині папки «Уроки» теж створюємо нову папку і даємо їй ім'я, зазвичай папці з картинками дається ім'я «images», але можна назвати і по іншому, в цю папку поміщаємо картинки, які будемо застосовувати при створенні сайту. Так само, в папку «Уроки» поміщаємо файли сайту. У цьому випадку, код для вставки картинки пишеться так: lt; img src= images/ім'я картинки gt; Якщо у папки з картинками буде інше ім'я, то замість images пишемо її ім'я. Так само для картинок застосовуються розміри, width і height, в коді буде так:
lt; img src= images/ім'я картинки height=130 gt; Якщо не вказувати розмір картинки, то за замовчуванням вона буде вставлена ??на сайт свого реального розміру. Якщо картинка лежить в тій же папці, де і файли сайту, як на картинці ліворуч, то в цьому випадку, код для вставки картинки пишеться так:
lt; img src= ім'я картинки height=130 gt;
Для вирівнювання картинок застосовується атрибут ALIGN. Цей атрибут застосовується із значеннями:=right - картинка буде притиснута до правого краю, а текст буде розташовуватися зліва від картинки.=Left - картинка буде розташовуватися ліворуч, а текст буде праворуч від картинки.=Top - текст буде розташовуватися зверху.=Middle -текст буде розташовуватися посередині.=bottom - текс буде розташовуватися під картинкою.
Наступні атрибути, які застосовуються до картинок це VSPACE і HSPACE VSPACE=5 - вертикальний відступ картинки від краю=5 - горизонтальний відступ від краю. І нарешті, атрибут ALT - це підказка, при наведенні курсору до картинки.
Будь-яку картинку або зображення можна зробити фоном. Зараз у нашій віртуальній сторінці сайту, в комірці для шапки, картинку зробимо фоном. На відміну від картинки, на якій не можна писати текст, він може розташовуватися тільки по боках - праворуч, ліворуч і т.д. На фонової картинці можна писати текст в будь-якому місці (Рис.6).
lt; HTML gt;
lt; HEAD gt;
lt; TITLE gt; Курсова робота: Інтернет-магазин одягу lt;/TITLE gt;
lt;/HEAD gt;
lt; BODY gt;
lt; BODY gt; Курсова робота: Інтернет-магазин одягу lt;/BODY gt;
lt; TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 gt;
lt; TR gt;
lt; TD HEIGHT=100 BACKGROUND= imagesweb/backgroundleft.jpg rowspan=3 gt; lt;/TD gt;
lt; TD height=100 BGCOLOR=# CCCC99 colspan=2 gt; Курсова робота. Інтернет-магазин одягу lt;/TD gt;
lt; TD HEIGHT=100 BACKGROUND= imagesweb/backgroundright.jpg rowspan=3 gt; lt;/TD gt;
lt;/TR gt;
lt; TR gt;
lt; TD HEIGHT=250 BACKGROUND= imagesweb/platiya.jpg align=center gt; Плаття lt;/TD gt;
lt; TD HEIGHT=250 BACKGROUND= imagesweb/ubki.jpg alt= СПІДНИЦІ align=center gt; Спідниці lt;/TD gt;
lt;/TR gt;
lt; TR gt;
lt; TD HEIGHT=250 BACKGROUND= imagesweb/maiki.jpg align=left gt; Майки lt;/TD gt;
lt; TD HEIGHT=250 BACKGROUND= imagesweb/jinsi.jpg align=center gt; джинси lt;/TD gt;
lt;/TR gt;
lt;/TABLE gt;
lt;/BODY gt;
lt;/HTML gt;
Малюнок 6 - Відображення головної сторінки
1.5 Посилання
Посилання бувають, на внутрішні сторінки сайту, на певне місце, тієї ж сторінки сайту, на сайти в інтернеті і на e-mail. Посилання прописуються тегами lt; a gt; і lt;/a gt ;, відкриває тег lt; а gt; пишеться зі значенням href: lt; a href= У цих лапках пишеться шлях де лежить сторінка на яку веде посилання gt; Тут пишеться текст посилання lt;/a gt; .Щоб задати посиланню потрібний колір, в тезі lt; BODY gt; встановлюємо атрибут LINK= # FFFFFF - Колір посилання, атрибут VLINK= # FFFFFF - Колір відвіданого посилання, атрибут ALINK= # 63FFB7 - Колір посилання при наведенні на неї курсора миші
Якщо сторінка лежить в тій же папці, то шлях прописується, так як у нашому коді, якщо ж сторінка лежить в іншій папці, наприклад у нас папка називається «Уроки» і в ній лежить кілька сторінок сайту -«jinsi.html», «maiki.html», «platiya.html» та інші сторінки «html», також у цій папці може з...
