Создание Web-страницы.. Cтруктура HTML документа (основные разделы) Служебная информация информация о имени страницы Web документ. - презентация

1 Создание Web-страницы.

2 Cтруктура HTML документа (основные разделы) Служебная информация информация о имени страницы Web документ

3 Текст

4 Абзацы Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между параграфами существует небольшой вертикальный отступ, называемый отбивкой. Синтаксис создания абзацев следующий. Абзац 1 Абзац 2

5 Тег BR В одних садах цветёт миндаль, в других метёт метель. В одних краях ещё февраль, в других - уже апрель. Проходит время, вечный счёт: год за год, век за век... Во всём - его неспешный ход, его кромешный бег. В году на радость и печаль по двадцать пять недель. Мне двадцать пять недель февраль, и двадцать пять - апрель. По двадцать пять недель в туман уходит счёт векам. Летит мой звонкий балаган куда-то к облакам. Как видно, при использовании тега между абзацами возникают слишком большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег. В отличие от абзаца, тег переноса строки не создает дополнительных вертикальных отступов между строками и может применяться практически в любом тексте.

6 Заголовки Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня Заголовок пятого уровня Заголовок шестого уровня

7 Жирное начертание Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: и. Жирное начертание шрифта Сильное выделение текста

8 Курсивное начертание Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Курсив для текста определяют два тега: и. Курсивное начертание шрифта Выделение текста

9 Выравнивание текста Как поймать льва? Метод перебора Делим пустыню на ряд элементарных участков, размер которых совпадает с габаритными размерами льва, но при этом меньше размера клетки. Далее простым перебором определяем участок, в котором находится лев, что автоматически приводит к его поимке. Метод дихотомии Делим пустыню на две половины. В одной части - лев, в другой его нет. Берем ту половину, в которой находится лев, и снова делим ее пополам. Так повторяем до тех пор, пока лев не окажется пойман. left выравнивание по левому краю, задается по умолчанию; right выравнивание по правому краю; center выравнивание по центру; justify выравнивание по ширине (одновременно по правому и левому краю). Этот аргумент работает только для текста, длина которого более, чем одна строка.

10 Вставка изображения

11 или Width и height – размеры рисунка по ширине и высоте, соответственно, рекомендуется использовать реальные ширину и высоту (параметры не обязательные). Как правило, в качестве формата графического файла выступает GIF и JPEG.

12 Таблицы

13 Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 1Ячейка 2 Ячейка 3Ячейка 4 Такая таблица реализуется следующим кодом: 1,2 и 3,4 – строки 1,3 и 2,4 – столбцы

14 Вид таблицы - (толщина границы таблицы не видна;) A ( объединение ячеек;) Б В A БВ

15 Параметры тега ALIGN Задает выравнивание таблицы по краю окна браузера. Допустимые значения: left выравнивание таблицы по левому краю, center по центру и right по правому краю. Когда используются аргументы left и right, текст начинает обтекать таблицу сбоку и снизу. BGCOLOR Устанавливает цвет фона таблицы. BORDER Устанавливает толщину границ в пикселях. Границы отображается вокруг таблицы и между ячейками. WIDTH Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, параметр width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого. Как и в случае с высотой, если ширина явно не указана, то она будет вычисляться на основе содержимого таблицы. Может записываться в %, от видимого окна браузера.

16 Параметры тега ALIGN Задает выравнивание содержимого ячейки по горизонтали. Возможные значения: left - выравнивание по левому краю, center по центру и right по правому краю ячейки. BGCOLOR Устанавливает цвет фона ячейки. Используя этот параметр совместно с атрибутом bgcolor тега можно получить разнообразные цветовые эффекты в таблице. HEIGHT Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании параметра height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот параметр будет проигнорирован. В случае, когда установлена высота ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали. WIDTH Задает ширину ячейки. Может записываться в %. Суммарное значение ширины всех ячеек может превышать общую ширину таблицы только в том случае, если содержимое ячейки превышает указанную ширину.

17 Ссылки

18 Текст текст ссылки текст URL – адрес Web-страницы или полное имя файла …. Текст текст ссылки текст

19 Вставка адреса электронной почты : Задавайте вопросы по электронной почте

20 teg.ucoz.com/index/tekst/0-27 Первоисточник