рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Вставка малюнків

Вставка малюнків - раздел Программирование, Вступ в мову HTML Щоб Вставити Малюнок, Треба Скористатися Тегом: <img Src="my...

Щоб вставити малюнок, треба скористатися тегом:

<img src="my.jpg">,

де my.jpg -ім'я файла, що містить малюнок. Замість my.jpg можна вставити ім'я будь-якого іншого малюнка (з розширенням jpg, gif, png, bmp). Головне, щоб між лапками стояв шлях та ім’я файла малюнка (у наведеному прикладі малюнок знаходиться в одній папці з файлом HTML-документа).

Якщо малюнок знаходиться в іншій папці, то його краще переписати в папку, де знаходиться HTML-документ.

Для "співіснування" малюнка (наприклад, pr1.png) i тексту документа використовують теги:

малюнок з лівого краю, текст його обтікає справа:

<img src="prl.png" align="left">

малюнок з правого краю, текст його обтікає зліва:

<img src="prl.png" align="right">

Kpiм параметрів align, існують ще кілька параметрів:

відстань між текстом i мапюнком по вертикалі (тут 10 пікселів):

<img src="prl.png" Vspace="10">

відстань між текстом i малюнком по горизонталі (30 пікселів):

<img src="prl.png" Hspace="30">

опис малюнка (якщо встановити курсор миші на малюнок, через секунду з'явиться вказаний текст - тут "моя фотокартка"):

<img src="prl.png" alt="моя фотокартка">

ширина малюнка (тут 100 пікселів):

<img src= "pri.png" width="100">

висота малюнка (тут 200 пікселів):

<img src="prl.png" height="200">

рамка навколо малюнка (тут товщина лінії 5 пікселів):

<img src="prl.png" border="5">

Bci параметри можуть застосовуватися одночасно один з одним, щоб запобігти плутанини в їx застосуванні. Наприклад, так:

<img src="prl.png" aling="left" Hspace=30 Vspace=5 alt="моя фотокартка">

Малюнок буде притиснутий до лівого краю екрана, текст буде його обтікати справа, ввдстань до тексту по горизонталі - 30 пікселів, по вертикалі - 5 пікселів, при встановленні курсору миші на малюнку з'явиться напис "моя фотокартка".

Спробуйте в папку з HTML-файлом переписати довільний малюнок (наприклад, з ім'ям photo.jpg). В HTML-файл за допомогою редактора "Блокнот" додати нові елементи i зберегти з новим ім'ям priklad5.html:

<html>

<head>

<title> Мій перший крок </title>

</head>

<body text="#336699" bgcolor="#000000">

<center>

<H3>Привіт, це моя перша сторінка.</H3>

<br>

<font color="#CCOOOO"> <H1> Ласкаво просимо! </H1> </font>

</center >

– Конец работы –

Эта тема принадлежит разделу:

Вступ в мову HTML

На сайте allrefs.net читайте: вступ в мову html.

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Вставка малюнків

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

ВСТУП В МОВУ HTML
  Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок i не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх

СТРУКТУРА HTML-ДОКУМЕНТА
  Bci HTML-документа будуються за визначеними правилами: §текст документа починаеться тегом <HTML> i заюнчуеться тегом </HTML>; §всередині контейнера <

ВСТАНОВЛЕННЯ КОЛЬОРУ ТЕКСТУ
  #000000 Чорний #000080 Темно-синій #0000FF Блакитний #800080

ВСТАНОВЛЕННЯ КОЛЬОРУ ФОНУ
  Колір фону встановлюється за допомогою знайомого тега <body>. Наприклад, чорний фон встановиться командою: <body bgcolor="#000000"> Якщо колі

ПАРАГРАФ
  Параграфи вводяться тегом <р></р>. За допомогою параграфів можна вирівнювати текст: по центру <р align="center">те

СТВОРЕННЯ ЗАГОЛОВКА
  Щоб виділити текст, використовують теги заголовків Н1-Н6. Наприклад, так: <НЗ>3 Новим роком! </Н3>. Заголовки призначені для виділення невелико

Питання для самоконтролю
1. Якою мовою створюється Web-сторінка i яким чином відображується? 2. Що таке "гіперпосилання"? Який воно має вигляд i як ним користуватися? 3. Що та

Lt;img src="photo.jpg " align="left" HSPACE=30 VSPACE=5
alt="моя фотокартка" WIDTH=80 HEIGHT=80> <p align="justify"> <font size="+2"> Шановний колего !</font> Я вивчаю

ПОСИЛАННЯ
  Web-сторінка може складатися із кількох документів. Один з них головний з ім'ям index.html або main.html - він відкривається першим i повинен обов'язково лежати на вашему сайті в In

ВІДСТУПИ
  Для встановлення одного, двох i трьох відступів використовується тег <ul> </ul> за зразком: <ul> один ввдступ </ul> <ul> <ul> д

ОФОРМЛЕНИЯ ТАБЛИЦЬ
  Для раціонального розподілу площі сторінки між її текстовими i графічними фрагментами використовують таблиці. Таблиця задається тегом <table> </table>.

ВИРІВНЮВАННЯ ВМICТУ КОМІРОК
  Щоб вирівняти вміст комірок таблиціпо горизонталі, треба вище наведений текст редагувати таким чином: <table> <tr> <td heigh

ФОРМАТУВАННЯ КОМІРОК
  Параметр colspan визначае кількість стовпчиків, параметр rowspan визначае кількість рядків, на які простягається дана комірка. ПІДСУМКОВА ЛАБОРАТОРНА РОБОТА "В

СПИСОК ЛІТЕРАТУРИ
  1. Шестопалов Є.А. Internet для початківця. Посібник з інформатики, Книга 8. 2003 – 96 с. 2. Петюшкин А. Книга Профессиональное программирование HTML в Web-дизайне, "Б

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги