Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Розбиття зображення на частини

Оформлення тексту | Заголовки | Списки. | Списки визначень | Створення таблиць | Вставка зображення | Рамка довкола зображення | Як зробити текст засланням | Як зробити зображення засланням | Заслання у фреймах |


Читайте также:
  1. Або Як відрізнити предмет від його зображення
  2. Вставка зображення
  3. До неповнолітніх заміна невідбутої частини покарання більш м'яким покаранням не застосовується.
  4. Законом про амністію може бути передбачено заміну засудженому покарання або його невідбутої частини більш м'яким покаранням.
  5. Зразок розв'язання задачі з Загальної частини кримі­нального права України в межах окремого інституту, що сто­сується злочину.
  6. Кримінальний кодекс України поділено на Загальну й Особливу частини.
  7. Ознайомлення з імерсійним мікроскопом та правилами роботи з ним. Основні частини мікроскопу.

Бувають випадки, коли на сторінці необхідно помістити велике зображення. Але тоді сторінка довго вантажитиметься. Що ж робити?

Один з можливих варіантів виходу з положення - розрізати зображення на частини і розмістити його на сторінці за допомогою таблиці. A аби зображення виглядало як ціле, необхідно в таблиці видалити кордон і всі відступи усередині і між вічками. Тобто привласнити відповідним параметрам тега <table> нульові значення: border="0", cellspacing="0", cellpadding="0".

У наступному прикладі ми розбили зображення на 4 частини. От як виглядатиме таблиця:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/part1.png"></td>
<td><img src="img/part2.png"></td>
</tr>
<tr>
<td><img src="img/part3.png"></td>
<td><img src="img/part4.png"></td>
</tr>
</table>

А ось результат:

Такий прийом може згодитися і в інших випадках. Тут Ви можете бачити приклад накладення 2-х зображень з текстовими вставками.

Вправа

Cоздайте на власний вибір html-документ, в якому міститимуться зображення з різними способами вирівнювання, рамками, альтернативним текстом. Створіть в одній теці з цим документом теку img, в яку помістите використовувані зображення.

Викладете документ, що вийшов, разом з текою img в особистий каталог, складіть линк (поглянути як) і відкрийте Вашу сторіночку в браузері.


6. Властивості сторінки - параметри тега body

· Колір тексту

· Колір фону

· Фонове зображення

· Колір заслань

· Відступи довкола контента

· Вправа

Як Вам вже відомо, між тим, що відкриває тегом <body> і що закриває тегом </body> поміщається тіло сторінки або само вміст сторінки. Його ще називають словом контент (від англ. content - вміст). Параметри тега <body> визначають властивості контента в цілому. У цьому уроці ми і розглянемо деякі з них.

Колір тексту

Колір тексту всього документа визначається параметром text. Йому привласнюється або назва кольору, або шістнадцятиричне значення кольору, як і параметру color тега <font> (див. Урок 2. Форматування тесту):

<body text="#FF0000"> або <body text="red">

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

Параметр text не є обов'язковим. Якщо його опустити, то текст на сторінці за умовчанням буде чорним. Ви, напевно, вже встигли в цьому переконатися, виконуючи попередні вправи.:)

Колір фону

Колір фону сторінки визначається параметром bgcolor. Він приймає значеннями або назву кольору, або шістнадцятиричне значення кольору, як і параметр text.

<body bgcolor="#FF0000"> або <body bgcolor="red">

В результаті використання цього прикладу фон сторінки буде червоним.

Параметр bgcolor не є обов'язковим. Якщо його опустити, то фон сторінки за умовчанням буде білим. У чому Ви теж вже переконалися, виконуючи попередні вправи.:)


Дата добавления: 2015-10-02; просмотров: 61 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Альтернативний текст| Фонове зображення

mybiblioteka.su - 2015-2024 год. (0.01 сек.)