Рубрики
Уроки HTML

Уроки HTML. Фреймы — 2

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

Для определения размера отступа между границами фрейма и веб-страницой, отображающейся в этом фрейме, нужно набрать:
1. В теге <FRAME> перед символом >
MARGINWIDTH=’w’
где w — размер отступа в пикселях между левой и правой границами и содержимым фрейма.
2. MARGINHEIGHT=’h’
где h — размер отступа в пикселях между верхней и нижней границами и содержимым фрейма.

Рубрики
Уроки HTML

Уроки HTML. Фреймы

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

При использовании технологии фреймов окно браузера представляется как фреймсет (frameset). Фреймсет разбивается на части, которые называются фреймами (frame). Так в одном окне браузера можно вывести несколько веб-страниц. Каждый фрейм — это отдельный html-файл, который, в принципе, можно просматривать в отдельном окне.

Рубрики
Уроки HTML

Уроки HTML. Таблицы — 2

Посмотрите на таблицу:

Январь Февраль
Расход Приход Расход Приход
Морковь 25 32 22 27
Картошка 38 35 51 16

В первой строке клетка «Январь» растянулась на два столбца, клетка «Февраль» так же.

Рубрики
Уроки HTML

Уроки HTML. Таблицы

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

Для лучшего усвоения материала приводимые примеры следует проверять, попрактиковаться на них, и только после продолжать урок.

Рубрики
Уроки HTML

Уроки HTML. Списки

В любом месте тела веб-страницы (то есть между тегами <BODY> и </BODY>) можно создать различные списки.

Глоссарий:
OL: Ordered List, Нумерованный список
UL: Unordered List, Маркированный список
LI: List Item, Элемент списка
DL: Definition List, Список определений
DT: Definition Term, Термин
DD: Definition Data (?), Определение

Рубрики
Уроки HTML

Уроки HTML. Ссылки

Ссылки являются отличительной особенностью WWW (World Wide Web – Всемирная паутина). Благодаря им возможны переходы из одной страницы в другую, скачивание файлов, прослушивание музыки, просмотр фильмов.

Ссылка состоит из трех частей: назначение (destination), метка (label), цель (target).

Часть «назначение» определяет, что должно произойти при щелчке мышью по ссылке. Можно создать ссылки, которые будут отображать картинки, проигрывать музыку, посылать почту, запускать программы и т.д. Все же большинство ссылок предназначены для перехода по веб-страницам. Обычно при наведении мыши на ссылку в строке статуса браузера отображается адрес перехода. URL определяет действие ссылки.

Рубрики
Уроки HTML

Уроки HTML. URL

URL (Uniform Resource Locator) можно перевести как «универсальный определитель ресурса». По смыслу URL — это адрес. Из этого адреса браузер узнает какой файл нужен, где его искать и что с ним делать.

Первая часть URL называется схемой. Эта часть объясняет браузеру что делать с файлом, который будет загружен. Наиболее часто используемой схемой является протокол HTTP (HyperText Transfer Protocol), который был создан для работы с веб-страницами. Другие распространенные схемы это: протокол HTTPS (HTTP Secured) для работы с защищенными (или зашифрованными) веб-страницами, протокол FTP (File Transfer Protocol) для передачи файлов, схема mailto для электронной почты и схема file для работы с файлами, расположенными на локальном жестком диске.

Рубрики
Уроки HTML

Уроки HTML. Картинки — 2

Для расстановки отступов вокруг картинки нужно набрать:
1. <IMG src=’imagefile.ext’
2. HSPACE=n
где n — размер отступов в пикселях справа и слева от картинки.
3. VSPACE=n
где n — размер отступов в пикселях сверху и снизу от картинки.
4. >.

Иногда возникает необходимость размещения картинки прямо в тексте.

Для размещения картинки в тексте нужно набрать:
1. <IMG src=’imagefile.ext’
где IMG — тег для отображения картинок на странице, SRC — атрибут тега, определяющий какая именно картинка будет отображаться, imagefile.ext — путь, имя и расширение файла картинки.
2. ALIGN=»d«
где d может принимать одно из следующих значений: texttop, top, middle, absmiddle, bottom, absbottom.
[3]. Другие атрибуты тега IMG.
4. >.

Рубрики
Уроки HTML

Уроки HTML. Картинки

До того как начнете читать этот урок, возьмите два любых jpeg-файла и скопируйте их в папку, в которой хранятся html-файлы наших уроков. Затем переименуйте jpeg-файлы, чтобы они назывались photo01.jpg и photo02.jpg. Эти картинки мы будем использовать для практики. Еще проверьте, что в браузере не отключено отображение картинок.

Для размещения картинки на веб-странице нужно набрать:
1. <IMG src=’imagefile.ext’
где IMG — тег для отображения картинок на странице, SRC — атрибут тега, определяющий какая именно картинка будет отображаться, imagefile.ext — путь, имя и расширение файла картинки. Обратите внимание на регистр букв. В ОС Windows может это значения не имеет, но на веб-сервере на платформе Unix/Linux может быть критичным и стать причиной неотображения картинок.
[2]. BORDER=n
где n – толщина рамки в пикселях вокруг рамки.
3. >.

Рубрики
Уроки HTML

Уроки HTML. Изображения

Изображения для WWW или Web как и изображения, предназначенные для печати на бумаге, должны быть красивыми, высокого качества и со смыслом. Однако есть 5 основных факторов, на которые надо обращать внимание при подготовке изображения для веб-страницы.

1. Формат файла изображения
Когда готовиться изображение для печати на бумаге, не думают о том, чем будет смотреть читатель это изображение. В этом случае инструмент один – человеческий глаз. Но когда готовиться изображение для Web, надо знать, что веб-страницу возможно будут просматривать миллионы читателей с разных уголков планеты на экранах персональных компьютеров, ноутбуков и прочих устройств под управлением различных операционных систем, используя различные браузеры. На сегодняшний день в Web, в основном, используются 3 типа изображений: GIF, JPEG (JPG) и PNG. Следовательно, при подготовке изображения для Web надо сохранять картинку с расширением gif, jpeg (jpg) и png. Также очень популярны файлы flash-анимации (.swf).