Задання малюнка на сайт з допомогою мови HTML

Щоб вставити в документ зображення необхідно скористатися тегом <IMG>. Наприклад:

<IMG SRC= ім’я файлу із зображенням WIDTH=ширина HEIGHT=висота>

Тут параметр SRC= задає ім’я файлу із зображенням а параметри WIDTH= і HEIGHT= відповідно ширину і висоту зображення. Якщо вони не співпадають з реальними параметрами зображення, то браузер масштабує зображення. Якщо ці параметри взагалі не задані, то будуть використані реальні розміри зображення.

Щоб зображення прилягало до межі (краю) сторінки і довкола нього був оптічний текст, потрібно також вказати атрибути ALIGN=LEFT чи ALIGN=RIGHT.

Задання відеоролика

Вставка на сторінку відеоролика здійснюється аналогічно тому як вставляється стичне зображення. Наприклад:

<IMG DYNSRC= ім’я файлу з відеороликом START= спосіб запуску LOOP= число повторів>.

Параметр START= задає спосіб запуску відеоролику. Якщо ви вкажете START=OPENFILE, то відтворення почнеться відразу після запуску сторінки, а якщо вказати START=MOUSEOVER, то відтворення почнеться після того, як навести мишкою на зображення першого кадру відеоролика, при цьому клацати мишкою не потрібно. Параметр LOOP= задає кількість повторів відеоролику.

Створення посилання на інший файл.

Гіпертекстові посилання задаються за допомогою спеціального парного тегу. Тоді відповідний фрагмент HTML-документа повинен виглядати наступним чином:

<A HREF= ім’я файлу> Текст посилання </A>.

В якості значення параметру HREF= використовується ім’я файлу, який повинен бути відкритий при клацанні на посиланні. Текст, який знаходиться на екрані між відкриваючим тегом <A> і закриваючим тегом </A> виділяється кольором і підкреслюється. Такий механізм дозволяє задати структуру Web-вузла. Кожна з існуючих сторінок являє собою окремий документ HTML. Крім того в окремих файлах зберігаються всі необхідні елементи: зображення, відеоролики і т.д.

Створення посилання на інше місце в тому ж таки web-документі.

Немає необхідності добиватися того, щоб кожне посилання вказувало на інший файл. Наприклад, допускається створення дуже довгих сторінок, які займають багато екранів. Для переміщення по такій сторінці, крім використання смуг прокручування, можуть використовуватись і гіпертекстові посилання. З їх допомогою можна швидко перейти безпосередньо до потрібного місця на сторінці.

Для того щоб реалізувати такий перехід потрібно 2 елементи:

1) посилання, яке вказує на те куди потрібно перейти;

2) якір, який фіксує місце переходу.

Посилання виглядає майже так само як це було вказано раніше:

<A HREF= # назва якоря> Текст посилання </A>.

Якір також використовує теги <A> і </A> та задається наступним чином

<A NAME= # назва якоря> Текст </A>.

Зверніть увагу на «назву якоря». Це довільний текст, який ніколи не з’яляється на екрані і однозначно визначає місце переходу. Якщо у Вас на одній сторінці є декілька якорів всі вони повинні мат різні назви. Символ # під час задавання посилання вказує на те, що далі ітиме не ім’я файлу, а назва якоря.

Текст, розміщений між тегами <A> і </A>, які задають якір з’явиться на екрані, якщо Ви клацнете на посилання.

Дата добавления: 2015-08-27