Студопедия

Главная страница Случайная страница

Разделы сайта

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






Текстові блоки






Основні теги мови HTML.

Заголовок HTML-документу

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

Елементи, що відносяться до заголовку документу:

HEAD Визначає початок та кінець заголовку документу
TITLE Визначає ім’я всього документу, яке відображається у заголовку вікна браузера
BASE Визначає базову адресу, від якої відраховуються відносні лінки всередині документу
STYLE Використовується для вставки в документ таблиці стилів CSS
LINK Описує взаємозв’язок документу з іншими об’єктами
META Використовується для вставки метаданних

 

BODY

Вказує початок та кінець тіла HTML-документу. Між початковим і кінцевим тегами міститься текст документу, зображення і таблиці. Елемент BODY повинен зустрічатися в документі не більше одного разу.

Параметри:

BACKGROUND – визначає зображення для " заливки" фона. Значення задається у вигляді повного URL або ім’я файлу з картинкою у форматі gif або jpg.

BGCOLOR – визначає колір фону документа.

TEXT – визначає колір тексту в документі.

LINK – визначає колір гіперпосилань в документі.

ALINK – визначає колір підсвічування гіперпосилань в момент натиснення.

VLINK – визначає колір гіперпосилань на документи, які ви уже переглянули.

Значення параметрів BGCOLOR, TEXT, LINK, ALINK и VLINK задаються або RGB-значенням в шістнадцятковій системі, або одним із 16 базових кольорів.

ветового дизайна сайтов их маловато.

  Black   Navy
  Gray   Blue
  Silver   Aqua
  White   Green
  Red   Lime
  Fuchsia   Teal
  Maroon   Yellow
  Purple   Olive

 

Приклад:
< HTML> < BODY BACKGROUND=" images/bricks.jpg" BGCOLOR=" #202020" TEXT=" #FFFFFF" LINK=" #FF0000" VLINK=" #505050" MARGINHEIGHT=" 30" TOPMARGIN=" 30" LEFTMARGIN=" 40" MARGINWIDTH=" 40" >...Текст документу… < /BODY> < /HTML>

 

 

  1. Робота з текстом в HTML.

Текстові блоки

Елементи:

H1, H2,...H6 Використовується для створення заголовків тексту
P Використовується для розмітки параграфів
ADDRESS Оформляє текст як поштову адресу
BLOCKQUOTE Оформляє текст як цитату
BR Виконує перехід на наступний рядок
HR Вставляє в текст горизонтальну роздільну лінію
PRE Включає в документ блок попередньо відформатованого тексту

 

Форматування тексту

Елементи форматування тексту:

BASEFONT Визначає основний шрифт, яким повинен відображатися текст документа
FONT Дозволяє змінити колір, розмір і тип шрифту тексту
I Виділяє текст курсивом
EM Використовується для змістового виділення тексту (курсивом)
B Виділяє текст жирним шрифтом
STRONG Посилене виділення тексту (жирним)
U Виділяє текст підкресленим
S, STRIKE Виділяє текст перекресленим
BIG Відображає текст збільшеним шрифтом (відносно поточного)
SMALL Відображає текст зменшеним шрифтом (відносно поточного)
SUP Відображає текст зі зміщенням вверх (верхній індекс)
SUB Відображає текст зі зміщенням вниз (нижній індекс)
CODE, SAMP Оформляють текст як формулу або програмний код
VAR Використовуються для позначення в тексті змінних
CITE Оформляє текст як цитату або посилання на джерело

 

FONT

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

Параметры:

SIZE - визначає розмір шрифту. Можливі значення:

- ціле число від 1 до 7;

- відносний розмір з указуванням знаку, обчислюється шляхом додавання до базового розміру, визначеним з допомогою параметру SIZE.

COLOR – визначає колір тексту. Задається або RGB-значенням в шістнадцятковій системі, або одним із 16 базових кольорів.

FACE – визначає шрифт, що використовується в документі.

Приклад:
< FONT SIZE=" +2" COLOR=" #AA0000" > Збільшений червоний шрифт< /FONT> < FONT SIZE=" 3" FACE=" Courier" COLOR=" Magenta" > Фіолетовий текст 3 разміру< /FONT>

 

Списки

Списки в HTML бувають двох видів: впорядковані (пронумерований) і невпорядкований (непронумерований). Відрізняються вони лише способом оформлення. Перед пунктами невпорядкованих списків зазвичай ставляться символи-буллети (bullets), наприклад, точки, ромбики тощо, в той час як пунктам впорядкованих списків передують їх номери.

Елементи:

UL Створює невпорядкований список
OL Створює впорядкований список
LI Створює пункт меню всередині елементів OL або UL
MENU, DIR Створює невпорядкований список, подібний UL
DL Відкриває і закриває список визначень
DT Створює термін в списку визначень всередині елемента DL
DD Cтворює визначення терміну всередині елементу DL

 

 

IMG

Використовується для вставки зображень в HTML-документ. Це один із самих популярних елементів, незамінний інструмент web-дизайнера. Елемент допускає вставку зображень в форматах JPEG і GIF.

Параметры:

SRC – обов’язковий параметр. Вказує адресу файлу із зображенням.

HEIGHT і WIDTH – визначають ширину і висоту зображення відповідно. Якщо вказані значення не співпадають з реальним розміром зображення, зображення масштабується.

HSPACE і VSPACE – визначають відступ картинки (в пікселях) по горизонталі і вертикалі від других об’єктів документу. Просто необхідно при обтіканні зображення текстом.

ALIGN – необхідний параметр. Вказує спосіб вирівнювання зображення в документі. Може приймати наступні значення:

Left – вирівнює зображення по лівому краю документу. Прилеглий текст обтікає зображення справа.

Right – вирівнювання зображення по правому краю документа. Прилеглий текст обтікає зображення зліва.

Top і texttop – вирівнюють верхню частину зображення з верхньою лінією поточного текстового рядка.

middle - вирівнює базову лінію поточної текстового рядка з центром зображення.

absmiddle - вирівнює центр поточної текстового рядка з центром зображення.

bottom і baseline - вирівнює нижню крайку зображення з базовою лінією поточної текстового рядка.

absbottom - вирівнює нижню крайку зображення з нижньою крайкою поточної текстового рядка.

NAME - визначає ім'я зображення, унікальне для даного документа. Ви можете вказати будь-яке ім'я без пробілів з використанням латинських символів і цифр. Ім'я необхідно, якщо ви плануєте здійснювати доступ до зображення, наприклад, з JavaScript-сценаріїв.

ALT - визначає текст, відображений браузером на місці зображення, якщо браузер не може знайти файл із зображенням або включений в текстовий режим. Як значення задається текст з описом зображення.

BORDER - визначає ширину рамки навколо зображення у пікселях. Рамка виникає, тільки якщо зображення є гіпертекстової посиланням. У таких випадках значення BORDER зазвичай вказують рівним нулю.

LOWSRC - вказує адресу (URL) файлу з альтернативним зображенням нижчої якості (і, відповідно, меншого обсягу), ніж зображення, вказане в параметрі SRC. Браузери, що підтримують цей параметр, спочатку завантажать картинку з LOWSRC, a потім замінять її картинкою з SRC.

USEMAP - застосовує до зображення навігаційну карту (image map), задану елементом MAP. Як значення задається ім'я карти з попередньої йому гратами. Наприклад, якщо ім'я карти - " map1", то посилання на неї буде виглядати як " # map1" (див. Приклад 4). Зверніть увагу: великі та малі літери в даному параметрі трактуються браузером як різні.

ISMAP - визначає зображення як навігаційну карту (image map), оброблювану сервером. Має сенс використовувати тільки тоді, коли зображення є гіперпосиланням. Після кліку мишкою на зображенні серверу вирушають x, y-координати натискання. Залежно від отриманих координат, сервер (при наявності на ньому відповідного програмного забезпечення) може показати вам той чи інший документ. Даний параметр є прапором і не вимагає присвоєння значення.

Приклад 1:
< IMG src=" img/picture.gif" WIDTH=" 45" HEIGHT=" 53" ALT=" Рись" HSPACE=" 10" ALIGN=" left" > Цей текст обтікає картинку з Рисю справа і знаходиться від неї на відстані 10 пікселів.

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.