Логічні стилі

<DFN>

служить для опису визначень. (Це визначення.)

< EM >

служить для виділення слів. (Це виділене слово.)

<CITE>

служить для виділення заголовків книг, фільмів, цитат тощо.(Це цитата)

<CODE>

служить для виділення програмних кодів, текстів програм тощо. Зображається шрифтом фіксованої ширини. (The <stdio.h> header file)

<KBD>

використовується для введення з клавіатури користувача. Може бути зображено жирним шрифтом (але в більшості browser зображається спеціальним шрифтом). (Введіть passwd)

<SAMP>

використовується для машинних повідомлень. Зображається шрифтом фіксованої ширини. (Seg mentation fault: Core dumped.)

<STRONG>

служить для ОСОБЛИВОГО виділення слів. Зазвичай виділяється жирним шрифтом (Це дуже важливо )

<VAR>

використовується для символьних змінних. (Це змінна.)

Фізичні стилі

Існують фізичні способи виділення - автор задає стиль написання тексту, описуючи шрифт в початковому HTML-документі.

Ви можете задати:

<B>, </B>

жирний шрифт (це жирний шрифт)

<I>, </I>

похилий шрифт (це похилий шрифт)

<TT>, </TT>

фіксований шрифт (шрифт заданої ширини) (це fixed шрифт)

9. Спеціальні символи

Символи <, >, & і " мають в HTML особливе значення, як символи форматування. Але іноді нам необхідно використовувати їх в тексті по своєму прямому призначенню. Для їх введення в текст, Ви повинні використовувати:

& lt;

- ліва дужка <

& gt;

- права дужка >

& amp;

- &

& quot;

- "

ЗАУВАЖЕННЯ: Спеціальні символи чутливі до регістра: Не МОЖНА використовувати &LT; замість <.

10. Переривання рядка

Використовуючи <BR> Ви можете перейти на новий рядок, не починаючи нового абзацу (у більшості browser абзаци виділяються додатковими порожніми рядками).

Наприклад:

Інститут Ядерної Фізики<BR>Московського Державного Університету <BR>

дасть на екрані:

Інститут Ядерної Фізики Московського Державного Університету

Міністерство надзвичайних ситуацій україни

Академія пожежної безпекиім.Героїв Чорнобиля

Факультет пожежно-профілактичної діяльності

Кафедра вищої математики та інформаційних технологій

ЗАТВЕРДЖУЮ

Начальник кафедри

ВМ та ІТ

к.ф-м.н., доц.,

полковник с.ц.з.

_______ І.П. Частоколенко

“___”______2013р.

Навчальна дисципліна: Інформатика та комп’ютерна техніка

1-й курс (стаціонар, курсанти).

ЛЕКЦІЯ

Тема № 2.2. Мова розмітки гіпертекстових документів HTML.

Час: 18, з них 4 години лекцій, 10 годин практичних занять, 4 години самостійної роботи

Тема лекції: № 10 Основні елементи HTML.

Навчальна мета: Розглянути теоретичний матеріал у відповідності з темою лекції.

Виховна мета: Переконання в необхідності вивчення матеріалу лекції для майбутньої професійної діяльності, формування матеріалістичного світогляду, виховання культури та дисципліни мислення.

Матеріально-методичне забезпечення: Дошка, крейда.

Розробив:

викладач

кафедри ВМ та ІТ А.П. Марченко

Лекція обговорена та схвалена на засіданні кафедри

Протокол №____від “__”_____________2013р.

Лекція 10. Основні елементи html.

1. Списки

HTML підтримує ненумеровані, нумеровані списки і списки визначень.

1) Ненумеровані списки

Ненумерований список: <UL><LI>список пунктів </UL>, наприклад:

<UL>

<LI> яблука

<LI> банани

</UL>

що дає на екрані:

• яблука

• банани

2) Нумеровані списки

Нумерований список ідентичний ненумерованому списку, тільки замість < UL> використовується < OL>.

<OL>

<LI> апельсини

<LI> персики

<LI> виноград

</OL>

що дає на екрані:

1. апельсини

2. персики

3. виноград

Browser автоматично нумерує елементи такого списку.

3) Списки визначень

Список визначень зазвичай складається з чергування терміну ( DT ) і визначення ( DD ). Зазвичай Web browsers визначення розташовує на новому рядку. Приведемо приклад списку визначень:

<DL>

<DT> NCSA

<DD> NCSA (National Center for Supercomputing Applications).

<DT> CTC

<DD> CTC (Cornell Theory Center).

</DL>

що дає:

NCSA

NCSA (the National Center for Supercomputing Applications)

CTC

CTC (Cornell Theory Center).