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

Форматирование текста. Ввод текста — это, возможно, самый простой этап в процессе создания страницы, поскольку вы можете набрать текст непосредственно в HTML-файле

Читайте также:
  1. V. Завершите предложения, используя информацию из текста.
  2. V. Завершите предложения, используя информацию из текста.
  3. V. Завершите предложения, используя информацию из текста.
  4. V. Завершите предложения, используя информацию из текста.
  5. Ввод текста
  6. Глава 7. Прогресс в изучении текста Корана
  7. Задание 1.1. «Оформление текста документа»
  8. Задание 1.2. «Форматирование абзацев. Сноски»
  9. Задание.5. Форматирование текста
  10. Изложение и культура текста
  11. Изложение текста дипломного проекта
  12. Изложение текста документа

Ввод текста — это, возможно, самый простой этап в процессе создания страницы, поскольку вы можете набрать текст непосредственно в HTML-файле, и он будет отображен браузером как обычный текст.

Но нужно помнить, что браузеры форматируют текстовую информацию только в соответствии с тегами разметки. Ниже рассмотрим несколько тегов разметки текста.

Тег <p> (<p>…</p>)

Тег обозначает начало и конец абзаца, если используется как контейнер. Многие браузеры допускают начинать новый абзац при помощи тега <p> без закрывающегося тега </p>. Метод контейнера является предпочтительнее.

Теги <h1>…</h6> (<h1>…</hn>)

Тег определяет, что вложенный текст является заголовком. Существует шесть размеров шрифта заголовков (от одного до, причем первый номер соответствует самому крупному шрифту). На рис.1 показаны заголовки, выведенные шрифтами всех шести размеров.

Чтобы воспользоваться заголовком с размером букв первого номера, нужно обозначить выделяемый текст тегами<h1>и</h1>.
Этот текст должен располагаться в части, отделенной тегами <BODY>и</BODY>.

Теги заголовков автоматически выполняют возврат каретки и оставляют пустую строку после текста между тегами <hn> и </hn> (где n — уровень заголовка), в этих случаях нет необходимости думать о тегах перевода строки или нового абзаца.

Атрибуты для тегов <hn>, <p>

align=center | left | right

Атрибут используется для выравнивания заголовка соответственно по центру, по левому краю, по правому краю страницы.

 

Пример 3:

<body>

<h1 align=center>Пример заголовка 1</h1>

<h2 align=center>Пример заголовка 2</h1>

<h3 align=left>Пример заголовка 3</h1>

<h4 align=left>Пример заголовка 4</h1>

<h5 align=right>Пример заголовка 5</h1>

<h6 align=right>Пример заголовка 6</h1>

</body>

Результат:

Рис.1 Пример заголовка

Тег <center> (<center>…</center>)

Центрирует вложенный текст горизонтально на странице.

Тег <b> (<b>…<b>)

Вложенный текст выводится полужирным шрифтом.

Тег <strong> (<strong>…</strong>)

Вложенный текст выводится жирным шрифтом, однако каждый браузер интерпретирует «strong» по-своему, что приводит к расхождениям. Что касается термина «bold», все понимают одинаково, что он означает.

Тег <i> (<i>…</i>)

Вложенный текст выводится курсивом.

Тег <blink> (<blink>…</blink>)

Тег заставляет мигать вложенный текст.

Мерцание является, возможно, одним из самых раздражающих средств HTML.

Тег <blink> не работает в браузере Microsoft Internet Explorer.

Тег <s> (<s>…</s>)

Вложенный текст выводится как зачеркнутый. Текст выглядит как обычный текст, перечеркнутый горизонтальной чертой.

Тег <u> (<u>…</u>)

Вложенный текст при выводе будет подчеркнут.

Тег <small> (<small>…</small>)

Определяет размер шрифта на один меньше, чем у окружающего текста.

Тег <big> (<big>…</big>)

Определяет размер шрифта на один размер больше, чем у окружающего текста.

Тег <span> (<span>…</span>)

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

Тег <sub> (<sub >…</ sub >) – подстрочник – сделать подиндексом

Тег <sup> (<sup >…</ sup >) – надстрочник – сделать надиндексом

Тег <strike> (<strike>…</strike>)

Вложенный текст выводится как зачеркнутый (перечеркнутый горизонтальной линией).

Tег <font> (<font>…</font>)

Тег <font> позволяет управлять стилем, цветом, размером и видом шрифта в гораздо большей степени, чем стандартные теги <b> и <i>.

Он использует для этого атрибуты size, color и face.

Задание размера тегом <font>

Для настройки размера шрифта нужно использовать атрибут size тега <font>. Текст может быть выведен шрифтом семи различных размеров — от 1 (наименьший) до 7 (наибольший). Текст без использования тега <font> выводится шрифтом размера 3. Это означает, что есть четыре варианта увеличения размера шрифта (4-7) и два варианта уменьшения (1-2). Для этого нужно поставить в начале и в конце фрагмента тег <font>, причем в начало добавить ключевое слово size=. Смотреть пример 4. Тег <font> устанавливает размер шрифта на два номера больше, чем обычно (т.е. если size=5, то размер шрифта будет равен 7).

Задание относительного размера шрифта

Тег <font> имеет дополнительные возможности для задания размера шрифта основного текста. Вместо определенного номера вы можете задать относитель­ный размер шрифта, например +5 или -1. Web-броузер прибавляет (или вычитает) заданное число к номеру шрифта, используемого по умолчанию (размер 3).

Поскольку шрифт обычно имеет размер 3, то в первом случае размер шрифта равен 8 (3+5=8), а во втором равен 2 (3-1=2). На рис. 2 показано, как приведенные HTML-строки выглядят на Web-странице.

Часто относительное задание размеров используется для вывода первой буквы фразы более крупным шрифтом, чем остальное предложение. Этот метод позволяет привлечь внимание к определенному фрагменту Web-страницы.

Задание шрифта тегом <font>

Internet Explorer позволяет задавать начертание (гарнитуру) шрифта, которым текст будет выведен на экран, с помощью нового ключевого слова face в теге <font>. Браузер попытается отобразить текст тем альтернативным шрифтом, который вы указали. Смотреть пример 4.

Блок просматривает строку со списком шрифтов до тех пор, пока не найдет шрифт, установленный в системе, который можно использовать для вывода текста. Если да, браузер отображает текст, используя этот шрифт. Если по какой-либо причине не удается найти шрифт, броузер просто выводит текст стандартным шрифтом.

Задание цвета тегом <font>

Использование ключевого слова color тега <font> дает возможность задавать один из нескольких цветов для отображения текста. Смотреть пример 4.

В вашем распоряжении 16 стандартных цветов, которые вы можете задавать непосредственно по именам. Кроме этого вы можете задавать цве­та, смешивая различные оттенки красного, зеленого и синего, как описано выше.

Тег <br>

Тег конца строки. Аналогичен тегу нового абзаца только он не вводит пустую строку после отделяемого им текста.

Пример 4:

<br>Это обычный текст

<br><center><b>

Этот текст будет отображен полужирным шрифтом и по центру

</b></center>

<br><i>Этот текст будет выведен курсивом</i>

<br><strike>Этот текст зачеркнут</strike>

<br><s>Этот текст зачеркнут</s>

<br><u>Этот текст подчеркнут</u>

<br><small>Этот текст, размер шрифта которого на один меньше, чем у окружающего текста</small>

<br>Это обычный текст

<br><big>Этот текст, размер шрифта которого на один больше, чем у окружающего текста</big>

<br><strike> </strike>

<br><font face ="Агiаl, Verdana">Шрифт этого текста иной</font>

<br><font color =RED>Kpacный текст</font>

<br><font size=6>П</font><font size=5> pимep</font>

<br><font size=+5>П</font><font size=-1> pимep</font>

Результат:

Рис. 2 Формирование текста.

 

 


1 | 2 | 3 | 4 |

Поиск по сайту:



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.006 сек.)