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

Использование горизонтальных линий

Читайте также:
  1. Oхрана, рациональное использование медоносных пчёл и энтомофильных культур
  2. Активы организации, их назначение и использование.
  3. Безопасное использование технологического оборудования и производственного инвентаря
  4. Внутреннее финансирование – это использование средств из прибыли самого предприятия.
  5. Глава 2. ИСПОЛЬЗОВАНИЕ ЛЕСОВ
  6. Задачи статистики: общие и частные. Задачи статистики ГМУ. Использование общей теории статистики в ГМУ.
  7. Заявка на использование ПО, распространяемого по программе MSDNAA
  8. Инвесторами являются физические и юридические лица, осуществляющие капитальные вложения с использованием собственных или привлеченных средств.
  9. Использование аппроксимации реальной характеристики передачи усилителя по Ю. Б. Кобзареву для 11 равноотстоящих точек напряжений смещения
  10. Использование визитной карточки
  11. Использование возможностей цифровых технологий
  12. Использование вторичных ресурсов

Вот несколько примеров:
линия на всю ширину экрана


линия на 80% экрана


С помощью параметра "WIDTH=30% " выбирается "процент" занимаемой части экрана, а параметр "SIZE=10", помогает настроить высоту, естественно в пикселях например:


Попробуйте изменять эти параметры и Вы "построите" нужную горизонтальную линию в любой момент.
Параметр " NOSHADE " позволит сделать сплошную линию.Такую как здесь:

 

И еще несколько меток, которые будем применять при создании HTML документов.

<FONT COLOR="FF0000"> этот текст красный </FONT> устанавливается цвет текста документа. Где COLOR="значение" является параметром. Любой цвет на экране браузера отображается в виде комбинации (смешивания трех цветов - красного,зеленого и синего в диапазоне от 00 (ноль) до 255 (FF)). Например для текста выше FF - красный максимум (255), зеленый и синий ноль, в результате получаем красный цвет текста
Можно также изменять и размер шрифта с помощью параметра SIZE=6, например как здесь:
РАЗМЕР шрифта SIZE=6. Таких размеров всего 7, от 1 (крошечный) до 7 (громадный).
Можно выбирать и сам шрифт используя параметр FACE="Имя шрифта", например шрифт BetinaCTT. Если на компьютере установлен такой, Вы увидите, что начертание шрифта использовано в слове "BetinaCTT".
<BODY BACKGROUND="FFF000" TEXT="#800000" LINK="#0000FF"> позволят установить цвет фона, текста и ссылок (линков). Причем эта метка заменяет открывающую метку <BODY>.

Для отображения текста в окне браузера в точном соответствии с набором в редакторе применяется метка <PRE>.....</PRE> сокращение от английского " preformated " - предварительно подготовленный (форматированный). Текст, расположенный между этими метками выводится на экран "как есть", включая пробелы и символы конца строки, знаки табуляции

Для некоторых текстов требуется установка отступов от левого и правого края страницы. Используйте метку <BLOCKQUOTE>.....</BLOCKQUOTE> и решите такую задачу без особого труда. Пример для этой метки находится непосредственно в этом обзаце.

Напомню и метку самого абзаца <P>.....</P> с помощью которой текст расположенный внутри метки представляет одно целое - абзац.
Для вставки в текст документа комментариев используйте следующее сочетание:
<!-- не забыть рассказать о комментариях -->
Браузер, встретив текст заключенный в такие метки игнорирует его (то есть не показывает на экране).
И в заключении этой главы информация о " специальных символах ". Как вы уже знаете, любая метка начинается со знака " < ", а заканчивается " > ". Встречая такой знак в тексте HTML документа браузер автоматически "распознает" этот символ как начало (окончание) метки. А что делать, если Вам нужно на экране показать "специальные символы"? Используйте:

  • &nbsp; для неразрывающегося пробела
  • &lt; символ меньше чем "<"
  • &gt; символ больше чем ">"
  • &amp; & амперсанд
  • &quot; "маркер кавычек
  • &shy; - мягкий дефис

Причем обратите внимание, что все специальные символы написаны строчными буквами и заканчиваются знаком ";".
К содержанию

Как вставить в документ рисунок

То что графика (рисунки) существенно оживляют любой документ, в том числе и WWW страничку, доказывать не стоит. Современные устройства передачи данных и цифровые линии связи позволяют даже проигрывать живое видео и звук в сети Интернет. Но "качественные" провайдеры и модемы есть далеко не у всех, а скорость передачи картинки с Вашей страницы на браузер другого пользователя изначально будет зависеть от трех китов:

  • размера
  • количества цветов
  • и разрешения рисунка

И чем больше эти три параметра, тем больше времени потребуется для передачи графики.
Помните об этом и старайтесь оптимизировать изображения при использовании фотографии или рисунка для своей странички. Маленький совет - посмотрите картинки (графические файлы) на других сайтах и сделайте соответствующие выводы самостоятельно

Ну а теперь собственно о том " как вставить картинку " в HTML документ. Используйте: <IMG SRC="ПУТЬ И ИМЯ ФАЙЛА">.
Где " путь " обычно отсутствует, так как файлы Вашей странички хранятся на сервере провайдера в одном определенном каталоге. Вместо " Имя файла " Вы указываете полное имя файла, обычно в формате *.jpg, *.gif или *.avi (если рисунок - маленький видеофильм), например: email.gif.
Обращаю внимание на то, что на большинстве компьютеров провайдеров (то есть на серверах обрабатывающих информацию и обеспечивающих доступ к Сети) установлена ОС UNIX или подобная, а это значит, что существует " ОГРОМНАЯ " разница в написании имен - Email.GIF и email.gif это совершенно разные для UNIX системы файлы.
Пришло время попробовать вставку рисунка в текст документа на примере. Рисунок для эксперимента перепишите с помощью этой ссылки.

<HTML>

<HEAD>

<TITLE>Вставка рисунков</TITLE>

</HEAD>

<BODY>

<Center><H1>Вставка рисунков</H1></Center>

<IMG SRC="sHarm.jpg">

</BODY>

</HTML>

На экране вы увидете примерно следующее:


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |

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



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