Основные HTML теги форматирования текста — выделение текста жирным и курсивом; параметры размера, цвета и шрифта; абзац и теги заголовков. Теги, применяемые для форматирования шрифта
Подсвеченный участок текста;
- жирный шрифт;
- курсив, наклонный шрифт;
- зачеркнутый текст;
- текст меньшего размера;
- верхний индекс;
- нижний индекс;
- предварительно отформатированный текст;
- термин;
- заголовки;
- короткая внутристрочная цитата;
- цитата;
- сноска на название материала;
- программный код;
- результат вывода компьютерной программы;
- клавиатурный ввод;
- переменная компьютерной программы.
Каждому из этих тегов посвящена отдельная страница в нашем справочнике. Перейти на нее вы можете нажав по названию тега.
Теги выделения фрагментов текста
Тег используется для выделения важных участков текста. Браузеры обычно отображают текст внутри тега жирным шрифтом. - тег логического выделения. Используя его, вы указываете на важность текста в выделенной области.
Важный фрагмент текста
Тег используется для акцентирования внимания, "подчеркивания" фрагмента текста. Браузеры обычно отображают текст внутри тега курсивом. - тег логического выделения.
Акцентированный фрагмент
Тег используется для подсветки фрагмента текста.
Подсвеченный фрагмент
Тег используется для написания текста жирным шрифтом. Тег физического форматирования, не придает выделенным участком логический вес. Используйте тег только если характер выделения не подходит под другой тег форматирования текста по смыслу.
Текст жирным шрифтом
Тег используется для написания текста курсивом. Используйте тег только если характер выделения не подходит под другой тег форматирования текста по смыслу.
Текст курсивом
Тег используется для указания некорректности, неактуальности выделенного фрагмента. Текст внутри тега выводится перечеркнутым.
Перечеркнутый текст
Тег используется для написания текста шрифтом меньшего размера.
Текст меньшего размера
Тег используется для создания текста нижнего индекса.
Текст нижнего индекса
Тег используется для создания текста верхнего индекса.
Текст верхнего индекса
Тег указывает, что текст внутри должен быть выведен в том формате, в котором он был написан в редакторе: с учетом количества пробелов между словами и сохранением позиции строк.
Предварительно отформатированный текст
Теги устанавливающие суть содержимого
Теги указывают, что содержимое является заголовком (подзаголовком).
- заголовок наиболее высокого уровня,
- наименьшего. Заголовки определяют структуру текста HTML документа. Браузера обычно выделяют заголовки размером шрифта, в зависимости от уровня заголовка.
Заголовок
Тег указывает, что содержимое является термином. Браузеры обычно выводят содержимое тега курсивом.
Термин
Тег используется для указания на короткий процитированный участок внутри строки текста. Браузеры обычно выводят содержимое тега в кавычках.
Короткая цитата
Тег моноширинным шрифтом.
Результат вывода компьютерной программы
Тег указывает, что содержимое является клавиатурным вводом. Браузеры обычно отображают текст внутри тега моноширинным шрифтом.
Клавиатурный ввод
Тег указывает, что содержимое является переменной компьютерной программы. Браузеры обычно отображают текст внутри тега курсивом.
Переменная компьютерной программы
<Р> - початок нового абзаца; його прийнято записувати в кінці попереднього. Наступне речення починатиметься з нового, вирівняного до лівого краю абзаца без відступу у першому рядку.
- наступний за цим тегом текст буде наведено у новому рядку без пропуску порожнього рядка.
- буде проведена горизонтальна лінія.
<В> текст В> - товстий шрифт тексту, що є між тегами. |
<І> текст !> - шрифт-курсив.
текст - підкреслений шрифт.
текст - нижній індекс, наприклад у Н 2 О.
текст - верхній індекс, наприклад, 1° вулиця, а 2 .
текст - великий шрифт.
текст - малий шрифт.
<ЕМ> текст ЕМ> - виокремлений курсивом текст (тег І).
<В> <І> текст !>В> - товстий курсив. Цей приклад демонструє застосування принципу вкладення тегів.
Окремим типом абзаца є заголовок. Є шість видів заголовків, які відрізняються розмірами символів: Теги
Результат на екрані
Заголовок 1.
Заголовок 2.
Заголовок 3. Заголовок 4. Заголовок 5.
Заголовок 6.
Заголовок за замовчуванням вирівнюється до лівого краю вікна. Якщо вирівнювання заголовка чи іншого елемента на сторінці потрібно задати явно, то використовують теги вирівнювання:
Інформацію можна подати у вигляді таблиці без рамок за допомогою парного тега
.... Текст в середині цього тега оформляють засобами табуляції. Броузер такий текст пере-форматовувати не буде. Теги для створення таблиць з рамками тут не розглядатимемо.
"5. Тег задання параметрів шрифта FONT. Щоб задати назву конкретного шрифта, його розмір і колір використовують парний тег FONT з параметрами FACE, SIZE та COLOR, наприклад,
текст
Якщо на комп"ютері клієнта встановлено шрифт Decor, то він буде застосований до даного тексту, інакше броузер застосує шрифт Arbat чи Kudriashov, інакше - деякий свій стандартний шрифт, наприклад, Times New Roman. Розміри символів шрифта можуть бути від 1 до 7. Розмір 3 вважається стандартним, він орієнтовно
відповідає 10 пікселям. Розмір 7 є найбільшим. Число 2 як значення параметра SIZE означає другий розмір шрифта, число +2 означає, що розмір шрифта має бути на дві одиниці більший, ніж стандартний, тобто п"ятий, число -2 означатиме перший розмір шрифта - на дві одиниці менший, ніж стандартний.
Колір тексту буде червоний. Основні кольори мають такі назви:
black - чорний green - зелений
navy - темносиній teal - бірюзовий
silver - сірий lime - яскраво-зелений
blue - синій aqua - блакитний
maroon - малиновий olive - темно-зелений
purple- бузковий gray - темно-сірий
red - червоний yellow - жовтий
fushsia - рожевий white - білий
Завдання 1. Створіть свою особисту Web-сторінку. Викличіть Notepad чи деякий Web-редактор. Введіть текст про себе за наведеним нижче зразком і збережіть його у файлі filel.htm:
Це Web-сторінка Світлани МарущакН2>
Я вчуся на першому курсі на факультеті прикладної математики Державного yHiBepcHTeTy"JIbBiBCbKa політехніка " !>. Мені 17 років. Мої улюблені предмети: інформатика, математика, англійська мова, історія. Я люблю слухати хорошу музику, читати пригодницькі романи, подорожувати влітку, кататися на гірських лижах взимку, ходити на дискотеку в любу пору року, інколи читати конспекти.