Форматирование текста. - раздел Связь, По дисциплине Современные средства ЭВМ и телекоммуникаций В Html Предусмотрено 6 Стандартных Размеров Шрифта Для Оформления Заголовков....
В HTML предусмотрено 6 стандартных размеров шрифта для оформления заголовков. Они устанавливаются при помощи тегов:
<H1>Заголовок стиля 1</H1>;
<H2>Заголовок стиля 2</H2>;
<H3>Заголовок стиля 3</H3>;
<H4>Заголовок стиля 3</H4>;
<H5>Заголовок стиля 3</H5>;
<H6>Заголовок стиля 6</H6>.
Пример 1.
<HTML>
<HEAD>
<TITLE>
Первый пример простого документа на языке гипертекстовой разметки
</TITLE>
</HEAD>
<BODY>
Стили форматирования в HTML
<H1>Стиль заголовка первого уровня. Самый крупный и тяжёлый
</H1>
<H2>Стиль заголовка второго уровня с меньшими размерами и толщиной шрифта
</H2>
<H3>Стиль заголовка третьего уровня ещё меньше
</H3>
<H4> Стиль заголовка четвёртого уровня
</H4>
<H5> Стиль заголовка пятого уровня
</H5>
<H6> Стиль заголовка шестого уровня. Самый маленький и светлый из базовых шрифтов
</H6>
<P>Тег для выделения абзаца. Его можно использовать без завершающего тега, так как новый тег Р по смыслу означает не только начало, но и конец предыдущего абзаца. Грамотно с точки зрения языка HTML и удобно для броузера завершать абзац закрывающим тегом
</P>
</BODY>
</HTML>
Для форматирования абзаца используются теги <P> - создание нового абзаца и <Br> - код пропуска строки или большой отступ.
Для выравнивания, видоизменения и выделения текста используются теги <P> с атрибутами ALIGN. Теги <P ALIGN="right"> . . </P> выполняют выравнивание по правому краю. При задании выравнивания по правому краю концы строк находятся на одном уровне, а начало на разных.
При задании выравнивания по левому краю с помощью тегов<P ALIGN="left"> . . </P> начальные элементы строк находятся на одном уровне, а концы на разных. Этот вид выравнивания часто используется при написании эпиграфов или просто для оригинальности.
Теги < P ALIGN="center"> . . </P> выполняют выранивание по центру.
Вид шрифта - очень важная часть дизайна Web-страниц. Он позволяет придавать тексту определенную выразительность, эмоциональность. Строгие шрифты показывают важность текста, его официальность. Рукописные шрифты придают тексту некоторую красоту, поэтичность и т.д. Существует огромное множество шрифтов, но HTML сейчас только начинает развиваться в области использования шрифтов. В классической версии языка HTML 3.0 эта проблема решена единственным образом - доступны шрифты, установленные в системе пользователя с помощью атрибута FACE= в теге FONT. Сейчас появляются новые технологии. Например, загрузка шрифтов из Интернета или встраивание шрифтов непосредственно в документ. Ещё одной новаторской идеей в этой области является использование графических литер с определенным начертанием вместо текста. После загрузки 2-3 листов, написанных таким методом, почти все буквы оказываются загруженными в кеш броузера, и открытие последующих страниц происходит очень быстро.
Для задания размера шрифта используется атрибут SIZE= в теге FONT. Можно задавать базовый размер шрифта тегом <BASEFONT SIZE=x> для использования на всей странице, а в нужных участках текста использовать атрибут SIZE= для задания размера определенного участка. По умолчанию используется тег <BASEFONT SIZE=3>. Заголовок <H1> имеет размер 6. Чтобы сделать шрифт больше, чем <H1>, можно выбрать размер шрифта, равный 7. Основное отличие тега <FONT> от <Hx> заключается в том, что он не разбивает строку. В HTML можно использовать вышеуказанный список шрифтов в теге <FONT>. Можно перечислить в этом списке несколько шрифтов, из которых броузер выберет первый, установленный в системе, и использует его для отображения текста. Например <FONT FACE=" Arial, COMIC SANS MS, Tahoma, AG_Cooper"> текст</FONT>.
Размеры символов (1,3,5,7) в тексте указываются тегами:
<FONT SIZE="1">, < FONT SIZE="3">, < FONT SIZE="5">, < FONT SIZE="7">. Поместив текст между каким-либо из этих тегов и закрывающим тегом </FONT> получим шрифт нужного размера.
Вид шрифта в тексте:
<FONT FACE="Times New Roman">ABC</FONT>.
<FONT FACE="System">DEF</FONT>.
<FONT FACE="Arial">GHI</FONT>.
<FONT FACE="Courier">xyz</FONT> .
Для задания размера текста существуют и другие теги. Это теги <BIG> </BIG> и <SMALL> </SMALL>. Заключенный между ними текст будет соответственно больше или меньше окружающего текста.
Можно использовать все виды красок на странице, применяя тег <FONT> с атрибутом COLOR=.
Цвета текста в документе задаются в кодировке RGB - шестью шестнадцатеричными числами или именованными цветами, например:
<FONT COLOR="#FF0000"> Красный текст</FONT>.
< FONT COLOR ="#CF2CD4">Лиловый текст</FONT>
<FONT COLOR ="#0000FF"> Синий текст </FONT>
< FONT COLOR="#00FF00"> Зелёный текст</FONT>
<FONT COLOR="#808080"> Серый текст</FONT>
<FONT COLOR="silver"> Серебряный текст </FONT>
<FONT COLOR="green" SIZE="4"> Зелёный текст с размерами шрифта 4. </FONT>
Наименования цветов приведены в Таблице 4.1.
Атрибуты тега <BODY> для задания цвета фона документа - BGCOLOR; цвета текста - TEXT; цвета ссылок - LINK; цвета просмотренных ссылок – VLINK; ссылок в момент нажатия на них правой кнопкой – ALINK. Цвета текста, ссылок и фона задаются в кодировке RGB - шестью шестнадцатеричными числами или именованными цветами, например:
С помощью атрибута BACKGROUND тега <BODY> можно вставить небольшие рисунки (размножаемые Web-броузером) в формате gif (файл - background.gif) или jpg (файл - background.jpg), т.е. создать графический фон:
<BODY BACKGROUND="background.gif"> - размноженный рисунок возникает на заднем плане.
Для наилучшего усвоения информации используют различные способы выделения абзацев. Тег списка <DL> (Definition List) позволяет создавать списки определений, т.е. отдельные абзацы с отступом без нумерации или маркеров. В конце определения необходимо поместить закрывающий тег </DL>. Списки состоят из двух частей: определения (DT) и описания (DD). Атрибут title показывает текст в виде всплывающей подсказки.
На сайте allrefs.net читайте: По дисциплине Современные средства ЭВМ и телекоммуникаций. Учебное пособие...
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ:
Форматирование текста.
Что будем делать с полученным материалом:
Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:
Информационные технологии и общество.
1.1.1. Понятие "информационное общество".
С точки зрения основных видов деятельности, основных технологий, основных предметов труда, основных видов конечного про
Internet как глобальная информационная среда.
Для существования развитого индустриального общества нужна единая общемировая хозяйственная среда. Для информационного общества требования к общемировой интеграции гораздо выше. Глобальная общемиро
Internet и информационные технологии.
Рассмотрим основные информационные технологии, которые в настоящее время наиболее активно развиваются в сети Internet. Их можно разделить на несколько больших категорий.
1. Базовые техн
История возникновения сети Internet.
Предысторию возникновения сети Internet следует начать с 1957г., когда департаментом передовых технологий ARPA (Advanced Research Project Agency) военного ведомства США был начат проект по компьюте
Пакеты данных (информационные пакеты).
Пакетный способ передачи данных был разработан Полом Бэрэном в 1960 г. и сейчас является основой работы любой сети.
Суть его состоит в том, что любые данные передаются в виде последователь
Протоколы.
Понятие протокола - это одно из основных понятий, возникающее при описании любых сетевых технологий. Для реализации процесса передачи информации от абонента A1 абоненту A2 необходимо, чтобы между A
Информационные уровни. Стеки протоколов.
Согласно вышесказанному, информация в процессе передачи по сети подвергается нескольким видам преобразований: из файлов формируются прикладные пакеты, которые превращаются в сначала в датаграммы, а
Упрощенная (трехуровневая) модель стека протоколов.
OSI-модель задает идеологию построения стека протоколов, но не является обязательным стандартом. Реально существующие стеки протоколов хотя и следуют в общих чертах модели OSI, но не воспроизводят
Клиенты и серверы.
Определим несколько важных понятий.
Internet работает на основе взаимодействия программ-клиентов и программ-серверов.
Программа-клиент - это программа, форматирующая запрос
Система доменных имен (DNS).
Для адресации в Internet можно пользоваться IP‑адресом, так как в быту пользуются телефонными номерами. Однако, все привыкли к тому, что в компьютере файлам присваиваются символьные имена. Эт
Прикладной информационный уровень. Прикладные ресурсы.
Для пользователя наибольший интерес представляет прикладной информационный уровень, т.к. пользователь непосредственно работает с объектами, относящимися именно к этому уровню.
До сих пор н
Электронная почта.
Это один из двух наиболее распространенных в настоящее время прикладных ресурсов.
Электронная почта – это прикладной ресурс Internet, имеющий дело с данными в виде прикладных пакето
Структура адреса электронной почты.
Для того, чтобы абоненты могли обмениваться сообщениями через электронную почту, у каждого из них должен быть уникальный адрес. Структура адреса электронной почты ( e-mail – адреса) имеет вид, прив
Электронная почта через Web.
Существует возможность использовать электронную почту в рамках прикладного ресурса World Wide Web по протоколу НТТР.
В Internet есть Web-серверы, работающие как почтовые серверы – Web /
Ресурс WWW.
Подавляющее число пользователей Internet работает с прикладным ресурсом World Wide Web (или сокращенно WWW), который по-русски называют Всемирной паутиной.
WWW был разработан сначала в Цен
Структура URL - адреса.
Для вызова элемента прикладного ресурса нужно обратиться к тому серверу, на котором этот элемент расположен. Сервер является узлом Internet, и к нему можно обратиться по доменному имени или IP-адре
Компьютерные сети.
1.3.1. Классификация компьютерных сетей.
Internet состоит из компьютерных сетей. По размерам и возможностям сети делятся на
Навигация в Internet.
При запуске Web-броузера в окне Адрес будет адрес начальной страницы (например, http://www.mfua.ru ). Начальной может быть и пустая страница.
Для перехода от начальной Web-страницы
Поиск в Internet.
Поисковой машиной называется программа, используемая на Web-узле для поиска информации. Поисковая машина создает базу данных, систематически устанавливая связь с различными Web-узлами, прове
Сохранение результатов поиска.
Для печати полной Web-страницы вызываются последовательно Меню à Файл à Печать à Выдача на печать Web-страницы по отдельным листам.
Другой
Тема 3. Работа с электронной почтой.
3.1. Основы электронной почты.
Электронная почта или e-mail - это средство для передачи электронных сообщений между пользователями сети; она предоставляет всем абонентам сети возмож
Работа с программой электронной почты.
При составлении писем и их чтении лучше работать в диалоговом или автономном режиме, а подключаться к Inernet-у только при отправке сообщений и копировании из почтового ящика сервера на компьютер.
HTML-документы и Web-страницы.
HTML-документы представляют собой файлы с расширением html. Если открыть такой документ при помощи какого-нибудь простого редактора, например, при помощи блокнота и сравнить его с тем, что в
Структура языка HTML.
HTML –язык гипертекстовой разметки - состоит из операторов (тегов), которые окружают некоторый текстовый или графический объект, определяя его расположение, форму, размеры, цвет, параметры анимации
Вставка рисунков.
Вставка рисунка на страницу из файла в формате gif или jpg выполняется тегом <IMG> с атрибутами, перечисленными ниже.
<IMG SRC="имя файла или полного пути в Интернете "
Вставка гиперссылок.
Текстовые и графические ссылки могут указывать на удалённые разделы в пределах одного большого документа. Для таких ссылок необходимо создать две части: якорь и непосредственно ссылку. Якорь опреде
Списки.
Заголовок списка создаётся тегом <LH>, за которым следует текст.
Теги <LI> и </LI>обозначают элемент списка.
Для создания ненумерованного списка используется тег
Таблицы.
На данном этапе развития методов форматирования Web-страниц таблицы являются мощнейшим средством компоновки контента. Края таблицы могут быть невидимыми, тогда пользователь даже не понимает, что ис
Фреймовые структуры.
Большинство современных броузеров могут показывать в одном окне несколько отдельных страниц. Достигается это разбиением страницы на кадры или фреймы. В каждом кадре может выводиться отдельная стран
Регистрация сайта в поисковых системах и каталогах.
После создания и размещения сайта в Internet-е необходимо позаботиться о том, чтобы сведения о нём стали доступны пользователям Internet-а. Для этого необходимо послать заявки в поисковые серверы с
Коммерческое использование Web-страниц.
Традиционный бизнес включает этапы: выпуск новой продукции, реклама, маркетинг, выпуск продукции на рынок в широком объёме, распространение продукции по регионам, послепродажная поддержка. После оз
Баннеры и баннерная реклама.
Баннер представляет собой простое или анимированное изображение, образующее ссылку на ресурс Internetа. Оформляется баннер как графическая ссылка.
<A HREF = “http:// URL-адрес ресурса “
Электронная коммерция.
Представляет собой коммерческую деятельность, в которой взаимодействие между участниками на всех этапах осуществляется электронным способом. Схема взаимодействия участников электронной коммерции по
Электронный документооборот.
Внедрение компьютеров в делопроизводство привело к возникновению технологий обработки электронных версий документов и к использованию компьютерных сетей для перемещения документов между исполнителя
Электронная подпись.
Рукописная подпись является одним из основных реквизитов документа. Она подтверждает достоверность сведений документа и идентифицирует личность. Для повышения степени защиты сведений, изложенных в
Электронные деньги.
Деньги появились в результате развития натурального товарного обмена как всеобщий эквивалент. Самостоятельной стоимости они не имеют, но наделяются принудительным курсом, назначаемым государством.
Хотите получать на электронную почту самые свежие новости?
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Новости и инфо для студентов