Рубрики
Уроки 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. Картинки — 2»
Рубрики
Уроки 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

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

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

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

Продолжить чтение «Уроки HTML. Изображения»
Рубрики
Уроки HTML

Уроки HTML. Цвет

В HTML существует 16 предопределенных цветов, у каждого из которых есть имя:

silver gray maroon green navy purple olive teal
white black red lime blue magenta yellow cyan

В HTML 4 используется технология RGB, которая позволяет на веб-странице использовать до 166=16777216 цветов

Продолжить чтение «Уроки HTML. Цвет»
Рубрики
Уроки HTML

Уроки HTML. Работа с текстом

Работа с текстом в html-файле отличается от работы с текстом в файлах других типов (doc, pdf, cdr и т.п.). Нужно понимать, что создатель сайта не имеет полного контроля над тем, как созданную им страницу увидит посетитель сайта. Потому что посетитель может открыть страницу в IE, Mozilla Firefox, Opera или каком-нибудь другом браузере, на платформе Windows, Linux, Mac или каком-нибудь другом, где один и тот же тег или атрибут могут интерпретироваться по-разному.

Для определения размера по-умолчанию для шрифта страницы (default font size) нужно набрать:
1. После строки с тегом <BODY>
<BASEFONT SIZE=»n«>
где n – целое число между 1 и 7. По-умолчанию, то есть если Вы не определите этот размер, его значение равно 3.

Продолжить чтение «Уроки HTML. Работа с текстом»
Рубрики
Уроки HTML

Уроки HTML. Оформление текста

Внимание! В дальнейшем, номер необязательного пункта (выполнение которого можно пропустить) будет заключаться в квадратные скобки [ и ].

Заголовки на странице

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

HTML позволяет создать до 6 уровней заголовков.

Продолжить чтение «Уроки HTML. Оформление текста»

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

Уроки HTML. Первая страница

Создание веб-страницы:
1. Создайте и сохраните в текстовом редакторе (Notepad — Блокнот, Notepad++, PHP Editor и т.п.) файл с расширением .html (или .htm).
2. Откройте в текстовом редакторе файл, созданный в пункте 1, и в первой строке наберите:
<!DOCTYPE HTML>
3. В следующей строке наберите:
<HTML>
4. Здесь остальные части веб-страницы
5. В последней строке наберите:
</HTML>

Код большинства веб-страниц делится на две части: головная часть (HEAD) и тело (BODY). В головной части приводится различная «служебная» информация, например, информация необходимая для корректной работы браузера. Единственный элемент из головной части, который заметен посетителю страницы, это заголовок (TITLE).

Продолжить чтение «Уроки HTML. Первая страница»
Рубрики
Уроки HTML

Уроки HTML. Введение

Наши уроки HTML предназначены для начинающих изучение создания веб-страниц. Излагаются основы языка разметки гипертекста HTML.

HTML – это компьютерный язык для создания Web-страниц. Язык HTML развивается под контролем организации W3C. HTML (HyperText Markup Language) означает «язык разметки гипертекста».

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

Продолжить чтение «Уроки HTML. Введение»
Рубрики
Общее

Здравствуйте!

Старая версия OFTOB.RU перемещена сюда.