Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Фізичне форматування символів
· Тег <B> Відображає текст напівжирним шрифтом. Форма запису: <B> текст</B> · Тег <I> Відображає текст курсивом. Форма запису: <I> текст </I> · Тег <TT> Відображає текст моноширинним шрифтом. Форма запису: <TT> текст </TT> · Тег <U> Відображає текст підкресленим. Форма запису: <U> текст </U> · Тег <STRIKE> і <S> Відображає текст перекресленим горизонтальною лінією. Форма запису: <S> текст </S> · Тег <BIG> Виводить текст шрифтом більшого (ніж нерозмічена частина тексту) розміру. Форма запису: <BIG> текст </BIG> · Тег <SMALL> Виводить текст шрифтом меншого (ніж нерозмічена частина тексту) розміру. · Тег <SUB> Зміщує текст у нижній індекс. Приклад: X <SUB> 1</SUB> · Тег <SUP> Зміщує текст у верхній індекс. Приклад: Y <SUP> 2</SUP> · Тег <FONT> Вказує параметри шрифту. Параметри тега
· Тег <BASEFONT> Використовується для визначення розміру, типу і кольору шрифту, використовуваного в документі за замовчуванням, не має закриваючого тега (може використовуватися в тезі <HEAD>) Форматування абзаців · Тег <P> Використовується для створення абзацу. Форма запису: <P> текст абзацу</P> (</P> не обов’язковий) · Тег <BR> Використовується для переведення, розриву рядка (кінцевого тегу немає) · Тег <NOBR> Використовується для заборони розриву рядка. Форма запису: <NOBR> текст<NOBR> · Заголовки всередині документа Використовуються теги <H1>,<H2>,<H3>,<H4>,<H5>,<H6> (H1 – найбільший розмір, H6 – найменший). Форма запису: <H1> Заголовок розміру 1</H1> · Горизонтальне вирівнювання тексту Використовується параметр ALIGN в тегах <P> і <H1>…<H6>
Приклад: <P ALIGN = RIGHT> Текст абзацу</P>
· Горизонтальні лінії Тег <HR> проводить горизонтальну лінію
Приклад: <HR ALIGN = CENTER WIDTH=50% SIZE=10> · Використання попередньо відформотованого тексту Текст необхідно помістити в тег-контейнер <PRE>. Форма запису: <PRE> Відформатований текст</PRE> · Виділення великих цитат Тег-контейнер <BLOCKQUOTE>. Текст, розмічений даним тегом, при відображенні відділяється від основного тексту пустими рядками і, як правило, виводиться з невеликим відступом вправо. · Рухомий рядок Тег <MARQUEE> Форма запису: <MARQUEE параметри> текст</MARQUEE> Параметри тега <MARQUEE>
СПИСКИ Маркований список. Для створення маркованого списку необхідно використовувати тег-контейнер <ul> </ul>, в середині якого розміщуються всі елементи списку. Кожен елемент списку повинен починатися тегом <li>. Тег <li> не потребує відповідного закриваючого тегу.
Приклад HTML-документу з маркованим списком: <html> <head> <title> Приклад маркованого списку</title> </head> <body> <ul> <b> Знаки зодіаку:</b> <li> Овен <li> Тілець <li> Близнюки ... </ul> </body> </html> в тезі <ul> може використовуватися параметр type для надання різного виду маркерів, який може приймати наступні значення: type = disc – маркери відображаються зафарбованими кругами, type = circle – маркери відображаються незафарбованими кругами, type = square – маркери відображаються зафарбованими квадратими. Приклад запису: <ul type = circle >. Приклад запису: <li type = circle >. Графічні маркери списку В якості маркерів списку можна використовувати графічні зображення. Тут можна взагалі обійтися без тегів <li>. Достатньо буде перед кожним елементом списку вставити бажане графічне зображення. Єдиною задачею, яку необхідно буде розв’язати, буде відділення елементів списку один від одного. Для цього можна використати теги абзацу <p>, вимушеного переведення рядка <br>. Приклад реалізації списку: <html> <head> <title> Приклад маркованого списку</title> </head> <body> <ul> <b>З наки повітряної стихії:</b> <img src=” шлях до файлу зображення”>Близнюки<br> <img src=” шлях до файлу зображення”>Терези<br> <img src=” шлях до файлу зображення”>Водолій<br> </ul> </body> </html> Нумерований список Для створення нумерованого списку необхідно використовувати тег-контейнер <ol> </ol>, в середині якого розміщені всі елементи списку. В нумерованому списку перед кожним його елементом автоматично проставляється порядковий номер. Кожен елемент нумерованого списку повинен починатися з тегу <li>. В тезі <ol> можуть бути вказані наступні параметри: type і start. Параметр type використовується для означення виду нумерації списку. Може приймати наступні значення: type = A – задає маркери у вигляді великих латинських літер, За замовчуванням завжди використовується значення type = 1. Параметр start тегу <ol> дозволяє почати нумерацію списку не з одиниці. В якості значення параметру start завжди потрібно вказувати натуральне число, не залежно від виду нумерації. Приклад запису: <ol type = A start=5>. Приклад реалізації списку в HTML-документі: <html> <head> <title> Приклад нумерованого списку</title> </head> <body> <ol> <b> Знаки зодіаку:</b> <li> Овен <li> Тілець <li> Близнюки ... </ol> </body> </html> Списки означень На відміну від інших типів списків, кожен елемент списку означень складається з двох частин. В першій частині елемента списку записується термін, а в другій частині – текст у формі словарної статті, що розкриває значення терміну. Списки означень задаються за допомогою тега-контейнера <dl>. В середині контейнера тегом <dt> відмічається термін, а тегом <dd> – абзац з його означенням. Для тегів <dt>, <dd> можна не записувати відповідні закриваючі теги. Взагалі, список означень записується наступним чином: <dl>
<dt>Термін <dd> Означення терміну </dl> Вкладені списки Мова HTML не допускає автоматичну багаторівневу нумерацію списків. Тому при штучному створенню багаторівневого списку необхідно дотримуватися акуратності. Приклад HTML-документа з вкладеними списками: <html> <head> <title> Приклад вкладеного списку</title> </head> <body> <ul> <b> Супутники деяких планет</b> <li> Земля <ol> <li> Місяць </ol> <li> Марс <ol> <li> Фобос <li> Деймос </ol> </ul> </body> </html> ТАБЛИЦІ Елементи таблиці Таблиці будуються за принципом вкладення і вводяться за допомогою ряду елементів. Кожна таблиця починається тегом <TABLE> і закінчується тегом </TABLE>. Створювана таблиця ніби розгортається по рядках, а рядки заповнюються комірками. При цьому всередину тегів <TABLE>...</TABLE> можуть вставлятися такі елементи: · <TR> – елемент створення рядка, · <TD> – елемент, що визначає вміст комірки даних, · <TH> – елемент, що визначає комірку заголовка. Приклад, що визначає шаблон створення таблиці 3*2: <TABLE> <TR><TD>...</TD><TD>...</TD></TR> <TR><TD>...</TD><TD>...</TD></TR> <TR><TD>...</TD><TD>...</TD></TR> </TABLE> Таблиця може мати і заголовок, обмежений парою тегів <CAPTION> і </CAPTION>. · Заголовок таблиці <CAPTION> Заголовок таблиці <CAPTION> має єдиний допустимий параметр align, який визначає розміщення заголовку: ALIGN=TOP – заголовок над таблицею (за замовчуванням), ALIGN=BOTTOM – заголовок під таблицею. · Параметри тега <TABLE> BORDER – вивід зовнішньої рамки таблиці в пікселях (за замовчуванням BORDER=1). CELLSPACING. Форма запису: CELLSPACING = число, яке визначає відстань в пікселях між рамками сусідніх комірок як по горизонталі, так і по вертикалі (за замовчуванням CELLSPACING =2). CELLPADDING. Форма запису: CELLPADDING = число, яке визначає розмір вільного місця (відступу) в пікселях між рамкою комірки і даними всередині комірки (за замовчуванням CELLPADDING=1). ALIGN – задає вирівнювання таблиці у документі. Допустимі значання: · ALIGN = LEFT – розміщення таблиці уздовж лівого краю документа, · ALIGN = RIGHT – уздовж правого краю документа · ALIGN = CENTER – по центру документа. HEIGHT – задає висоту таблиці в пікселях. WIDTH – задає ширину таблиці в пікселях чи процентах (від повної ширини вікна).
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Последнее изменение этой страницы: 2016-06-07; просмотров: 245; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.149.27.29 (0.037 с.) |