 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Использование горизонтальных линий
Вот несколько примеров:
линия на всю ширину экрана
линия на 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 документа браузер автоматически "распознает" этот символ как начало (окончание) метки. А что делать, если Вам нужно на экране показать "специальные символы"? Используйте:
- для неразрывающегося пробела
- < символ меньше чем "<"
- > символ больше чем ">"
- & & амперсанд
- " "маркер кавычек
- ­ - мягкий дефис
Причем обратите внимание, что все специальные символы написаны строчными буквами и заканчиваются знаком ";".
К содержанию
Как вставить в документ рисунок
То что графика (рисунки) существенно оживляют любой документ, в том числе и 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>
На экране вы увидете примерно следующее:
Поиск по сайту: