 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Оформление текста документа
При оформлении текста документа будут использоваться следующие понятия:
Физические стили - привычные нам термины "Bold(жирный) ", " Italik(курсив) ", " Underline (подчеркнутый) " или их сочетания.
Логические стили - такие как " Акцент ", " Сильный Акцент ", "Мигающий", "Текст пишущей машинки" и некоторые другие.
Как это будет выглядеть на примере:
<HTML>
<HEAD>
<TITLE>
Оформление текста HTML страницы
</TITLE>
</HEAD>
<BODY>
<P>Внешний вид текста странички можно изменить. Используйте метки:</p>
<B>Полужирный</B>,
<I>Курсив</I>,
<B><I>Полужирный курсив</I></B>,
<P>Или стили оформления:</P>
<EM>Акцент</EM>, <Strong>или Сильный Акцент</Strong>,<BLINK>Мигающий</BLINK>,
а также<TT>И ТЕКСТ ПОДОБНЫЙ ПИЩУЩЕЙ МАШИНКЕ</TT>
</BODY>
</HTML>
Для просмотра результата действий меток и стилей Вы можете набрать текст вручную или скопировать его в свой HTML редактор через буфер обмена, не забудьте перед просмотром сохранить работу - назовите файл formtext.htm.
Увы с оригиналом не совпадает, и выглядит примерно так:
Внешний вид текста странички можно изменить. Используйте метки:
Полужирный, Курсив, Полужирный курсив,
Или стили оформления:
Акцент, или Сильный Акцент, Мигающий,а также ТЕКСТ ПОДОБНЫЙ ПИЩУЩЕЙ МАШИНКЕ
Мы использовали в "оригинале" размещение разных по действию меток на отдельных строках, а получили на экране слитные предложения. И такая задача, связанная с обязательным переходом на новую строку встречается довольно часто, например при оформлении текстов стихотворений.
Для случая принудительного перехода на новую строку (в том числе и внутри абзаца) будем использовать непарную метку <BR> сокращение от команды Break (прервать). Такая метка ставится в конце строки.
Попробуем на примере:
<HTML>
<HEAD>
<TITLE>
Оформление текста HTML страницы
</TITLE>
</HEAD>
<BODY>
<P>Принудительное прерывание строки в тексте
HTML документа</p>
Это первая строка без прерывания,
а это вторая строка, в окне браузера они будут показываться слитно<BR>
А теперь тоже самое (первая), но с меткой <BR>
и конечно следущая строчка текста.
</BODY>
</HTML>
Давайте посмотрим как это выглядит в окне браузера:
Принудительное прерывание строки в тексте HTML документа
Это первая строка без прерывания, а это вторая строка, в окне браузера они будут показываться слитно
А теперь тоже самое (первая), но с меткой <BR>
и конечно следущая строчка текста.
При приведениии примеров исходных текстов я применял сплошные линии с помощью метки <HR>. Используя дополнительные настройки (читай - параметры) можно изменять как длину линии, так и ее высоту. Проверьте следующий пример:
<HTML>
<HEAD>
<TITLE>
Оформление текста HTML страницы
</TITLE>
</HEAD>
<BODY>
<H3>Использование горизонтальных линий </H3>
Вот несколько примеров:<BR>
линия на всю ширину экрана<BR>
<HR>
линия на 80% экрана<BR>
<HR WIDTH=80%><BR>
С помощью параметра
"WIDTH=30%" выбирается
"процент" занимаемой части экрана,
а параметр "SIZE=10",
помогает настроить высоту, естественно в пикселях например<BR>
<HR SIZE=10 WIDTH=30%><BR>
Попробуйте изменять эти параметры и Вы "построите"
нужную горизонтальную линию в любой момент.
Параметр " NOSHADE " позволит сделать сплошную линию.Такую как здесь:<BR>
<HR SIZE=5 WIDTH=70% NOSHADE><BR>
</BODY>
</HTML>
Проверка примера приведена ниже:
Поиск по сайту: