ID: 61074

Название работы: Поняття про мову розмітки гіпертексту – мову НТМL. НТМL-файл. Коди (теги) мови. Засоби створення НТМL-документів. Оформлення тексту в HTML-документі

Категория: Конспект урока

Предметная область: Педагогика и дидактика

Описание: Оформлення тексту в HTML документі. Теги управління зовнішнім виглядом HTMLдокументу. Використовувані матеріали: презентація карточки додаткові електронні матеріали файли...

Язык: Украинкский

Дата добавления: 2014-05-23

Размер файла: 272.5 KB

Работу скачали: 18 чел.

Урок 4

Тема:  Поняття про мову розмітки гіпертексту – мову НТМL. НТМL-файл. Коди (теги) мови. Засоби створення НТМL-документів. Оформлення тексту в HTML-документі. Теги управління зовнішнім виглядом HTML-документу. Теги форматування символів. Теги оформлення списків даних.

Мета:

Навчальна: Сформувати уявлення про призначення мови НТМL. Ознайомити учнів з короткою історією створення мови НТМL. Ознайомити учнів із структурою НТМL – документа; надати представлення основних понятий тег; ознайомити з технологією створення Web-сторінок та тегами форматування символів.

Розвивати у учнів кругозір, мислення, уміння порівнювати та узагальнювати.

Виховувати допитливість, культуру мовлення, інформаційну культуру, позитивне ставлення до знань.

Тип заняття: урок вивчення нового матеріалу.

Вид урока: теоретичний урок.

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

Використовувані матеріали: презентація, карточки, додаткові електронні матеріали файли з папки “11Б_HTML”:

•  МОВА НТМL.doc;
•  ПЕРШЕ ЗНАЙОМСТВО З НТМL.doc;
•  1-8.htm;
•  ШАБЛОН_HTML.txt;
•  Зразок виконання завдання 1-2.doc
•  ШАБЛОН_1, 2, 3.txt;

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

Обладнання: проектор, таблиці, комп’ютери.

Епіграф уроку: “Благо скрізь і всюди залежить від дотримання двох умов:

1) правильного встановлення кінцевої мети всякого роду діяльності і

2) відшукання відповідних засобів, що ведуть до кінцевої мети”.

(Аристотель)

ОРІЄНТОВНИЙ ПЛАН УРОКУ

Етап уроку	Зміст роботи	Орієнтов-ний час, хв
І	Організаційний момент	1
II	Актуалізація опорних знань (опитування та голосування картками)	3
III	Мотивація вивчення теми.	3
IV	Оголошення, представлення теми та очікуваних навчальних результатів	1
V	Вивчення нового матеріалу (повідомлення вчителя з елементами бесіди) та надання необхідної інформації для роботи	5
VI	Рефлексія перша. Закріплення нового матеріалу (дослідницька робота у парах)	3
VII	Створення конспекту та отримання завдання.	5
VIII	Інструктаж з техніки безпеки.	1
ІХ	Інтерактивна вправа та робота за комп'ютером. Удосконалення набутих знань (колективне обговорення)	15
X	Підбиття підсумків, оцінювання результатів уроку	5
XI	Домашнє завдання	2
XIІ	Рефлексія друга	1

Структура уроку:

1.  Організаційний момент уроку .

Підготовка до основного етапу уроку.

•  Тема, з якою ми ознайомились називалась….? (Комп’ютерні комунікації, Інтернет тощо) (подарувати кольоровий паперець)
•  Назвіть одну з самих популярних послуг Internet? (WWW – всесвітня мережа, яка дозволяє переглядати Web – сторінки.) (подарувати кольоровий паперець)

Кожний користувач 21 віка повинен уміти представляти свою інформацію в Internet. Як же створити Web – сторінку самому? Тема наступного уроку, з якою ми познайомимося Web – конструювання. Тому сьогодні я запросила на допомогу трьох учнів нашої школи, які самостійно засвоїли цій матеріал, пишуть сайти та будуть грати роль експертів у нашому інтерактиві.

1.  Актуалізація опорних знань:
   1.  Що таке гіпертекст?

Гіпертекст  – це розширений текст, який включає додаткові елементи: ілюстрації, посилання, вставні об’єкти.

1.  Що таке гіперпосилання?

Це фрагменти тексту, зображення, або інші об’єкти в електронних документах, які дозволяють створювати навігацію, як по окремому документу, так і по документах мережі Інтернет. Гіперпосилання може мати вигляд підкресленого тексту і бути іншого кольору ніж основний текст. Воно містить або адресу файлу, або вказівку на місце в документі до якого треба перейти. Якщо курсор миші навести на гіперпосилання, то він набуває вигляду долоні.

1.  Що таке WЕВ-документ?

Це текст, написаний мовою НТМL, який призначений для перегляду електронної інформації на екрані комп’ютера. Для перегляду WEB-документів використовують спеціальні програми, які називають браузерами (оглядачами). WEB-документ, який ми бачимо на екрані з допомогою браузера, називають WЕВ-сторінкою. WEB-документи зберігаються і пересилаються як текстові файли з розширенням htm чи html.

1.  Що таке WЕВ-сайт?

Декілька документів на одну тему, що є на деякому комп’ютері чи належить одному власникові, утворюють (інший термін WЕВ-вузол).

1.  Для чого призначена програма-браузер?

Для перегляду WЕВ-сторінок використовуються програми-клієнти, які називаються WЕВ-браузерами (від англ.. to browse - переглянути). Зараз популярними браузерами є Internet Explorer фірми Microsoft та Netscape Navigator  фірми Netscape.

1.  Де знаходяться Web – сторінки? (На Web - серверах)

Web – сервер – комп’ютер в мережі Internet, де зберігаються Web-сторінки та відповідне програмне забезпечення для роботи з ними.

1.  А яка інформація знаходиться на Web – сторінках?

(Текстова, графічна, звукова, відео) Web – сторінка є мультімедійна, як презентація.

Один з експертів забирає правильну відповідь, інший вивішує плакат:

Word Wide Web

Web – сервер

WЕВ-сайт

Web – сторінка

3. Мотивація вивчення теми.

Завдання 1. Відновите аналогічний ланцюжок.

?

Книга

?

Сторінки у книзі з'єднані механічним шляхом (плетіння, склеювання, за допомогою скоб и т. д.), а в Web – сайтах як з'єднані Web – сторінки? (Гіперпосиланнями)

Для того, щоб створити Web – сторінку потрібно написати програму.

Де ви зустрічалися з цім словом? (Коли вивчали основи програмування.) (подарувати кольоровий папірець)

Ви писали команди на мові програмування Паскаль та виходила програма.

Згадаємо технологію створення програми на мові програмування Паскаль:

1. Набір тексту програми.

2. Запуск програми.

3. Збереження програми з поширенням *.рas.

Тепер ми будемо діяти по другому. Нам необхідно буде мати 2 програми:

1. Блокнот (для створення тексту програм Пуск/Програми/Стандартні/Блокнот)

2. Браузер Internet Explorer (будемо відображати інформацію в своєму робочому вікні)

Технологія створення Web – сторінки:

1. Набор тексту програми.

2. Збереження програми з поширенням *.htm.

3. Запуск.

А на якій мові ми будемо писати програму для створення Web – сторінки? (На мові HTML). (подарувати кольоровий папірець)

Перед тим як почати писати програму на мові HTML, ми познайомимося з основами мови HTML.

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

Для зручності читання інформації на Web-сторінці подають не у вигляді суцільного тексту, а поділяю на різні структурні елементи – окремі рядки, абзаци, списки, таблиці, малюнки, гіперпосилання та ін. Щоб Web-сторінка виглядала однаково при перегляді користувачами в різних частинах Землі за допомогою різних броузерів, її готують у спеціальний спосіб – розмітки тексту.

4. Оголошення, представлення теми та очікуваних навчальних результатів

Завдання уроку.

•  Поняття про мову гіпертекстової розмітки;
•  Структурні теги;
•  Оформлення тексту у Web-документі;
•  Теги форматування символів;
•  Теги управління зовнішнім виглядом HTML-документа;
•  Теги оформлення списків даних;
•  Засоби створення документів.

Після цього уроку учні зможуть.

•   пояснювати призначення основних розділів програми на мові HTML;
•  пояснювати формат запису та суть роботи тегів;
•  пояснювати призначення середовища Блокноту для програмування;
•  виконувати основні етапи роботи із середовищем Блокнот при програмуванні;
•  набути навичок роботи у групі.

1.  Надання необхідної інформації

Мова HTML призначена для розмітки текстових документів, розмітка означає, що у звичайний текст добавляються спеціальні команди (вказівки управління) HTML, які описують те, як він повинен виглядати. Мова HTML не форматує документ, а описує його структуру. (вчитель супроводжує за допомогою проектору свої дії, відкриває кодову сторінку) Наприклад, окремий фрагмент тексту повинен бути заголовком. Тоді на екрані цей фрагмент буде виглядати інакше, ніж „звичайний” текст. Форматування документу відбувається потім, під час перегляду його за допомогою браузера. Браузер бачить команди і форматує документ на екрані, відповідно своїм настройкам та можливостям комп’ютерної системи, в якій він працює.

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

Сукупність тегів і правил їх використання називається мовою HTML – мова розмітки гіпертексту.

Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом.

Ім’я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер є Web-сторінкою, яка переглядається за допомогою Web-броузера. Тому, навчившись створювати HTML-документи, ми зможемо робити власні Web-сторінки.

Наприклад, при використанні редактора Блокнот треба ввести вміст HTML-документа, а при збереженні вибрати команду Файл-Сохранить. У вікні Сохранение, що відкрилося, встановити значення Все файлы в полі Тип файла, а в імені обов’язково вказати розширення .htm. (Вчитель показує на екрані з готовим шаблоном.)

 Завдяки цьому файл буде відображатися у вигляді значка броузера, який встановлено на даному комп’ютері. Подвійне клацання на значку відкриває HTML-документ у броузері для перегляду. Наприклад, до поля імені файла можна ввести його назву Перша.htm, як показано на екрані. Відкрити кодовану сторінку.

Таким чином маємо. Один з експертів забирає плакати, інший вивішує новий плакат:

  Одиночний

ТЕГ

       Відкриваючий < >

  Парний

       Закриваючий </>

Завдання 2. Дані теги, визначити парні та одиночні теги.

<H1> </H1>, <Br>, <Hr>, <Head> </Head>

•  Теги пишуться з використанням, якого алфавіту? (Латинського)
•  При написанні тегів використовуються тільки букви? (Ні, ще й цифри)

Структура HTML – документа.

Всі HTML – документи будуються за визначеними правилами. Існують обов’язкові та не обов’язкові теги. Розроблення Web-сторінки складається з двох етапів:

•  Створення макета;
•  Вставка тегів мови HTML.

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

Обов’язкові теги:

<HTML>... </HTML>

текст документа починається тегом <HTML>

і закінчується тегом </HTML> (Це ознака того, що текстовий файл є HTML-документом). HTML-документ складається з двох частин – заголовка й тіла.

<HEAD>... </HEAD>

<HEAD> вказує на початок заголовку WEB - сторінки

</HEAD> вказує на кінець заголовку WEB - сторінки. Тут може знаходитися також різна службова інформація

<TITLE> ... </TITLE>

Все, що знаходиться між тегами <TITLE> і </TITLE>, браузер сприймає як назву документу, вона знаходиться в заголовку вікна браузера

<BODY>...     </BODY>

У середині пари тегів <BODY> ... </BODY> записується весь текст

Приклад 1:

<HTML>

<HEAD><TITLE> Перший HTML - документ </TITLE> </HEAD>

<BODY>

<H1> Я вивчаю WEB - програмування. </H1> Я хочу стати WEB - дизайнером.

</BODY>

</HTML>

Якщо в будь-якому редакторі, наприклад „Блокноті”, ввести цей приклад та зберегти його у файлі з довільним іменем але обов'язково з розширенням .html, а після цього відкрити програму Internet Explorer, виконавши команду  Файл => Открыть => кнопка „Обзор” => ім'я файлу, то на екрані браузера побачимо WEB –сторінку:

Мал. 1. Вид WEB - сторінки.

<HTML>

<HEAD>

   службова інформація

<TITLE>

інформація об імені сторінки

</TITLE>

</HEAD>

<BODY>

<H1>

WEB-документ

</H1>

</BODY>

</HTML>

Вчитель показує у шаблоні як вставляти теги форматування та коментує свої дії. (Наприклад, <P></P>, та розриву рядка <BR>, <HR>, <H1>, <B> тощо.

1.  Рефлексія перша.

Учні у дошки заповнюють пропущені місця. Перевіряють експерти.

мова . . . . (HTML) поширення файлу . . . . (*.htm) <BODY> . . . (тег) перший тег програми . . . (<HTML>) Запуск програми Блокнот . . . (Пуск/Програми/Стандартні/Блокнот)

Гіперпосилання . . . (перехід від одної сторінки до другої) HTML-програму виконує  . . . . (Internet Explorer) Парний тег . . . (< > </ >) Web – сайт складається з . . . (Web – сторінок) Текст програми пишемо . . . (у програмі Блокнот)

А інші учні складають розрізане лото:

<HTML>

текст документа

</HTML>

Це ознака того, що текстовий файл є HTML-документом

Заголовок <HEAD> … </HEAD>, а тіло –<BODY> …  </BODY>

Текст, що вводиться в заголовку вікна броузера, розміщається в парному тезі <TITLE> … </TITLE>

<H1> Ласкаво просимо! </H1>

Перевіряють експерти.

Вчитель готовить презентацію до демонстрації.

1.  Створення конспекту та отримання завдання.

•  Для покращення вигляду Web – сторінки використовують теги форматування. Що таке форматування? (створення форми тексту)
•  Які види форматування тексту ми знаємо? (кольори, види накреслення, розмір, тип, заголовки, стилі, малюнки, фон, списки, гіперпосилання тощо).

Поглядання презентації та створення конспекту, видаються типові таблиці тегів.

1.  Інструктаж з техніки безпеки.
2.  Інтерактивна вправа та робота за комп'ютером.
3.  Інструктування, вчитель розповідає учням про мету вправи за методом "Ажурна пилка", правила, послідовність дій і кількість часу на виконання завдання.
4.  Учні отримують картку одного з кольорів (синього, червоного, зеленого) з номером на ній (від 1 до 3). Сформувалося три "домашніх" (кольорові) групи по 7 чол. у кожній, три з яких за № 1, 2, 3 є виконувачами завдання, а інші майбутні експерти. Учням пропонується об'єднатися в групи відповідно до кольору картки, яку вони отримали ("домашні" групи – теоретики, практики, дослідники). У "домашніх" групах учні знайомляться зі змістом карток, обмінюються думками, користуючись текстом на картках, підручниками, роблять в зошитах конспекти теоретичного матеріалу. Завдання для груп: ознайомитися зі змістом карток, звернути увагу на зауваження, розібрати наведені приклади, учні планують свої дії та вчаться на комп'ютері виконувати їх за допомогою електронних файлів (шаблонів та додатків), які входять до зазначеного етапу роботи із Блокнотом.
5.  Учитель повідомляє кількість відведеного часу на виконання цієї роботи. Кожна група працює біля свого комп'ютера, спеціально підготовленого для роботи цієї групи. Використовувати дії копіювати/вставити.

Завдання 3. Створити WEB - сторінки за зразками прикладів розглянутих на уроці.

Завдання 4. Створити WEB - сторінку з розповіддю про себе.

1.  Учитель пропонує учням об'єднатися в групи відповідно до своїх номерів ("експертні" групи). У кожну експертну групу потрапляють представники з кожної "домашньої групи". Учні з різних "домашніх" груп, користуючись зробленим конспектом, повідомляють однокласникам свою порцію інформації. Учням пропонується такий порядок повідомлень в "експертних" групах: повідомляють правила роботи у "своїх" етапах, демонструють своїм однокласникам необхідні комбінації тегів для їх WEB – сторінок.
2.  Учитель пропонує учням об'єднатися в "домашні" групи, учасники яких обмінюються між собою інформацією, отриманою в "експертних" групах.
3.  Клас об'єднується в загальне коло для підбиття підсумків вправ. За методом бесіди вчитель обговорює з учнями матеріал, з яким вони ознайомилися.
4.  Пропоновані учнями роботи передаються на екран для створення підсумків уроку.
5.  Підбиття підсумків, оцінювання результатів уроку

Вивчивши матеріал, ви зможете створити свої перші Web-сторінки. Якщо ви захочете їх розмістити на Web-сервері, то попередньо зверніться до свого провайдера, щоб узнати ім’я файла початкової сторінки. Дуже часто HTML-документ треба назвати index.html, default.html чи home.html

Вчитель пропонує учням відповісти на питання. Запитання для бесіди:

1.  Що таке браузер?
2.  Що таке мова розмітки гіпертексту?
3.  Яка структура HTML-документа?
4.  З чого складаються та які бувають теги?
5.  Які основні параметри тега <BODY>?
6.  Як створити заголовки різних рівнів?
7.  Якими тегами визначають абзаци?
8.  Якими тегами можна створити новий рядок та горизонтальні лінії?
9.  Як ввести в гіпертекст коментарі?
10.  Гіпертекстовий документ було створено в „Блокноті” та збережено у файлі з розширенням, яке надається з мовчазної згоди. Що відобразить браузер, якщо з його допомогою відкрити цей файл?

Відкриємо запропоновані вами файли для підсумків за допомогою браузера ....(ІЕ, Опера)

•  Які нові для вас елементи ви бачите на Веб – сторінці? (графіку та посилання)
•  Як на вашу думку можна дізнатися, які дескриптори відповідають за вставку графіки та посилань? (відкрити це файл за допомогою текстового редактора)

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

Переглянемо цій файл за допомогою текстового редактора ... . Якщо треба задаються таки питання:

•  Які відомі вам дескриптори ви бачите? (учні перераховують відомі їм теги, вказують їх призначення та отримують за відповіді цукерки)
•  Які невідомі дескриптори ви бачите? (один із учнів записує його на дошці <IMG SRC="bill.jpg">)

А тепер витремо цей тег, збережемо файл та оновити сторінку в броузері. (учні побачать що зникло зображення і роблять висновки, що тег відповідає за вставляння зображення)

•  Які  ще невідомі дескриптори ви бачите? (один із учнів записує його на дошці) <A HREF="logo.htm"> Тут можна передивитись логотип компанії</A>

А тепер витріть цей тег, збережіть файл та оновіть сторінку в броузері. (учні побачать що зникло посилання і роблять висновки, що тег відповідає за вставляння посилання)

Ще є запитання?

1.  Повідомлення домашнього завдання
   •  Вивчити стор. 352 – 359 підручник з інформатики Зарецкая.
   •  Заповнити схему “Елементи мови HTML”
   •  Створити творчі групи та підготуватись до практичної роботи „Створення HTML-документа, що містить теги форматування абзаців і символів.” для чого написати HTML-файл „Запрошення на Тиждень інформатики”. (приклад програми на екран)
   •  Запитання для підготовки до роботи:

1.Що являє собою HTML-документ?

2.Яке призначення тегів?

3.Які ви знаєте теги опису структури HTML-документа?

4.Як створюється HTML-документ?ї

5.Які дії треба виконати, щоб змінити HTML-документ?

1.  Рефлексія друга. Відповіді на питання та читання прикладу програми.

Приклад програми:

<html>

<head><title>Тиждень інформатики в УФМЛ КНУ</title></head>

<body>

<h1><center> Український фізико-математичний ліцей Київського національного університету

імені Тараса Шевченка<BR>

запрошує Вас взяти участь у заходах <BR>

Тижня інформатики ліцею </center></h2>

<center><h3> Час проведення з 6 по 12 лютого </h3></center>

<center><h5> Буде проведено АСМ-олімпіаду з інформатики, <BR>

Чемпіонат по логічним іграм<BR>

Брейн-ринг та багато інших цікавих заходів</h5></center>

<hr>

<P ALIGN=left>Наша адреса : проспект Академіка Глушкова, 6

<p ALIGN=right>    Довідки за телефоном : 2590394

</body>

</html>

Приклад WEB-оголошення

Довідковий матеріал.

Структура документу:

<HTML>

<HEAD><TITLE> Заголовок документу </TITLE></HEAD>

<BODY>

Текст, який можна прочитати на екрані

</BODY>

</HTML>

Параметри тега <BODY>:

BACKGROUND   – задає шлях до картинки фону;

BGCOLOR = „колір”  – задає колір фону;

BGPROPERTIES = „fixed” – фонове зображення не прокручується;

TEXT =„колір”   – задає колір тексту.

<Ні>... </Ні> – cтворення заголовків (Headings)

і - цифра від 1 до 6, заголовок першого рівня <Н1>... </Н1>   самий великий, шостого рівня, відповідно самий маленький

<Р>... </Р> Абзаци (Paragraphs)

Теги <Ні> і <Р> можуть мати атрибут ALIGN  - вирівнювання:

СENTER - по центру;

RIGHT - по правому краю ;  

LEFT - по лівому краю.

<ВR>           - Перехід на новий рядок

<HR>           -  Горизонтальні лінії

Тег <HR> одинарний. Атрибути тега <HR>:

ALIGN (значення: CENTER, RIGHT, LEFT);

WIDTH - задає довжину лінії в пікселях або у відсотках від ширини вікна браузера, в останньому випадку ставиться символ %;

SIZE - задає ширину лінії в пік селях;

NOSHADE - відміняє рельєфність лінії;

COLOR - задає колір лінії.

<!--  ...  -->   - коментарі

Теги форматування символів

Тег	Призначення
<B>…</B>	Напівжирний
<I>…</I>	Курсив
<U>…</U>	Підкреслений

Списки. 

•  Ненумеровані (маркіровані) – відображаються у вигляді послідовності позначених елементів, позначаються тегом <ul> … </ul>;
•  Нумеровані – відображаються у вигляді списку, елементи якого мають послідовні номери, позначаються тегом <ol> … </ol>;
•  Словник визначень – відображається у вигляді термінів і їх визначень, позначається тегом  <dl> … </dl>.

Перед кожним елементом ненумерованого й нумерованого списків вказується одинарний тег <li>. У списку типу словника визначень перед кожним терміном вказується одинарний тег <dt>, а перед його визначенням – тег <dd>.

Початок і закінчення ненумерованого списку позначено парним тегом <ul> … </ul>, а перед кожним елементом списку одинарний тег <li> (наприклад, <li> інформатика).

Словник визначень обмежено парним тегом  <dl> … </dl>. У ньому кожний термін починається одинарним тегом <dt>, а його пояснення – тегом <dt>. Наприклад, у словнику визначень використовується термін Інформатика та його визначення:

<dt> Інформатика

<dd> Мені подобається створювати додатки в Access

Вставка малюнків і гіперпосилання. У HTML-документі використати тег <img src = ‘ім’я файла”>

Наприклад, якщо треба помістити фотографію Шаповала, що зберігається у файлі Фото Шаповал.jpg, треба вставити в HTML-документ тег

<img src = “Фото Шаповал.jpg”>

Щоб переглянути іншу сторінку або документ та повернутись на початкову сторінку Шаповал.htm, то в кожному з HTML-документів Оцінки.htm і Захоплення.htm бажано розмістити тег <p> <A HREF=”Шаповал.htm”> Перехід на початкову сторінку </A>.

HTML

код

текст

Web сторінка

Броузер

Текстовий редактор

<B>  </B>

<I>  </I>

<U>  </U>

<S>  </S>

<STRONG>

<CITE>

<EM>

<KBD>

<FONT

COLOR=

FASE=

SIZE=   >

<P>

<BR>

<HR>

<H1>  </H1>

…

<H6>  </H6>

Вид символів

Параметри шріфта

абзац

аголовок

текстові

блочні

Елементи мови HTML

Вид символів

Параметри шріфта

абзац

заголовок

текстові

блочні

Елементи мови HTML