символами (их коды понятны всем редакторам), т. е. его можно

набрать в любом текстовом редакторе (например, "Блокнот", "WordPad");
символы и конструкции, которые непонятны браузеру, игнорируются;
в текст документа можно добавлять разнообразные команды, которые указывают, как следует изображать на экране тот или иной фрагмент текста, или обеспечивают спецэффекты. Эти команды называют тегами. Они так же, как и документ, набираются текстовыми символами, но отделяются от него угловыми скобками: < >;
файлы c HTML-кодом должны помечаться расширением .html или .htm

>, между которыми находится ключевое слово, обозначающее основную функцию тега.

Например, ключевое слово HR в теге

---

означает, что тег вставляет в документ серую горизонтальную линию (Horizontal Row) по всей ширине страницы и толщиной в один пиксел.
Действие тега детализируется с помощью атрибутов.
Например, применительно к тегу

---

можно уточнить, какой длины, толщины и цвета должна быть линия.

через пробел.
После каждого атрибута ставят знак = и нужное

значение.
Например, тег

---

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

прекращает его.
В этом случае ключевое слово у обоих тегов

одинаковое, но в открывающем теге дополнительно перечисляются все необходимые атрибуты, а в закрывающем атрибутов нет, и перед ключевым словом ставится знак /.
Парные теги называются контейнерами.
Например, контейнер
Я изучаю язык HTML
означает, что текст Я изучаю язык HTML следует изобразить жирным шрифтом, а дальнейшие символы – так, как до него.

HTML-кода – контейнер …
Заголовок документа – контейнер …

Тело документа – контейнер …

Наиболее употребительный из них – контейнер :

Краткая расшифровка содержания

документа (не более 64 символов) .

Пример.

рабочее окно броузера. Атрибуты тега задают следующие свойства:
TEXT –

цвет текста там, где он не указан специальными средствами. По умолчанию черный.
BGCOLOR – цвет фона. По умолчанию белый.
BACKGROUND – фоновое изображение (аналогично рисунку на Рабочем столе). Значением является URL файла–изображения.
LINK,VLINK, ALINK – соответственно цвета непосещенных, посещенных и активных в данный момент гиперссылок.
Примеры:

2, 3,…, 7. По умолчанию 3;
COLOR –

цвет шрифта. Можно указывать шестнадцатеричными кодами (см. [2, 3, 5]) или английскими словами (см. табл. 5 Приложения). По умолчанию BLACK;
FACE – изменение типа шрифта, возможные значения: ARIAL, COURIER и т. д. По умолчанию VERDANA.

имели вложенную структуру (контейнер, открытый позже, должен быть закрыт до

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

оформления заголовков: ..., ..., ... , ….
Заголовки отличаются от

текста и между собой толщиной и высотой букв (в заголовке

самые крупные символы, в

– самые мелкие), а также увеличением интервала по вертикали между заголовком и прочей информацией.
Атрибут ALIGN управляет выравниванием заголовков по горизонтали. По умолчанию он принимает значение LEFT. Другие возможные значения: CENTER, RIGHT.
Пример:

Лабораторная работа №1

Результат действия тега :
Лабораторная работа №1

….
Атрибут ALIGN задает выравнивание по горизонтали. По умолчанию он

принимает значение LEFT. Другие возможные значения: CENTER, RIGHT. При просмотре браузером абзацы отделяются друг от друга пустой строкой.
Примеры:

Этот абзац расположен слева

Этот абзац по центру

А вот этот абзац справа

Этот абзац расположен слева

Этот абзац по центру

А вот этот абзац справа

текст, применяется тег
. Закрывающего тега у него нет.
Иногда полезно

разделять смысловые части документа горизонтальной чертой. Это делается с помощью одиночного тега

---

. Его атрибуты:
SIZE – толщина линии в пикселах. По умолчанию 1 пиксел.
WIDTH – длина линии в пикселах или процентах от ширины экрана. По умолчанию 100%.
ALIGN – выравнивание линии, возможные значения: LEFT, CENTER, RIGHT. По умолчанию LEFT.
COLOR – цвет линии, возможные значения: см. табл. По умолчанию GRAY.
NOSHADE – линия рисуется без тени. По умолчанию тень есть.

Жизненная позиция

Хорошо на свете жить,

Информатику учить!

---

В окне браузера этот код изображается так:
Жизненная позиция

Хорошо на свете жить,
Информатику учить!

выделенному им тексту поля со всех четырех сторон (сверху и

снизу – по пустой строке, слева и справа – шириной в 5 знаков).

форматированный текст).
Обычно броузеры при выдаче текста на экран учитывают

в цепочке идущих подряд пробелов только первый и игнорируют символы конца строки. Однако то, что находится в контейнере

, выводится в окне браузера точно так, как оно расположено в коде HTML-документа. 
                                

окне браузера,
вовсе не обязательно

использовать
тег <BR>!


В окне браузера текст выглядит так:

Чтобы стихотворение красиво
смотрелось в окне браузера,
вовсе не обязательно использовать
тег
!

маркированного списка, его помещают в контейнер … (Unordered List).

Для нумерованного – в контейнер

…

(Оrdered List).
Затем текст в контейнере разбивается на отдельные пункты списка тегами

(LIst item – элемент списка). Закрывающий тег

в конце каждого пункта ставить необязательно.
В маркированном списке все пункты автоматически помечаются одинаковыми маркерами, в нумерованном – элементы нумерует сам браузер.

стиль оформления меток для элементов списка, подробнее ниже;
START – (только

для нумерованного списка

) определяет значение первого элемента списка, задается всегда числом (по умолчанию 1). В зависимости от значения атрибута TYPE этому числу сопоставляются разные символы, подробнее ниже;
VALUE – (только для метки
1. списка
   ) устанавливает номер текущего элемента списка. Как и в предыдущем случае, метка пункта может быть нечисловой, хотя значение атрибута – всегда число.
   

TYPE могут быть:
1– арабские цифры (1,2,3,...)
a– строчные буквы (a,

b, c,…)
A– прописные буквы (A,B,C,...)
i– римские цифры строчные (i,ii,iii,...)
I– римские цифры прописные (I,II,III,...)
По умолчанию значения TYPE устанавливаются в зависимости от степени вложенности списка.
Число, указанное в атрибуте START, показывает порядковый номер элемента в ряду знаков, заданных в TYPE. С этого элемента следует начинать нумерацию пунктов списка.

столбцов или строк, следует в тегах или добавить

атрибуты соответственно COLSPAN=n или ROWSPAN=n, где n – количество столбцов (строк), на которые растянута данная ячейка.
Например, COLSPAN=3 означает, что ячейка по ширине будет простираться на 3 колонки, ROWSPAN=2 означает, что ячейка по высоте занимает две строки таблицы.

1 2

3 4
5 6


7 8


9 10 11
12

определяющий, какие ячейки и информация должны находиться в этой строке.

Атрибут ALIGN со значениями LEFT, CENTER или RIGHT задает горизонтальное выравнивание во всех ячейках строки.
Атрибут VALIGN со значениями TOP, MIDDLE или BOTTOM – вертикальное выравнивание (по умолчанию MIDDLE – по центру).

и … (Table Data).
Первый свою информацию выравнивает по центру

и изображает жирным шрифтом, второй выравнивает по левому краю и использует обычный шрифт.
Обычно … используют для ячеек с заголовками строк или столбцов, а … – для ячеек с данными таблицы.
Можно также оставить ячейку пустой, но, чтобы она была отображена на экране, следует внести в нее &-последовательность  

пикселах или процентах, по умолчанию ширина таблицы определяется содержимым ячеек;

ALIGN – определяет расположение таблицы в документе. По умолчанию таблица прижата к левому краю страницы. Допустимые значения атрибута: LEFT , CENTER и RIGHT;
BORDER – устанавливает толщину рамки в пикселах. По умолчанию – 0 (таблица рисуется без рамки);
BORDERCOLOR – устанавливает цвет рамки, по умолчанию черный. Цвет можно задавать английским словом или шестнадцатеричным числом;
CELLSPACING – определяет расстояние между рамками ячеек таблицы в пикселах;
CELLPADDING – определяет промежуток в пикселах между рамкой ячейки и текстом внутри нее;
BGCOLOR – устанавливает цвет фона для всей таблицы. По умолчанию белый. Цвет можно задавать английским словом или шестнадцатеричным числом
BACKGROUND – заполняет фон таблицы изображением. Значением атрибута является URL нужного файла.

– устанавливает горизонтальное выравнивание текста во всех ячейках строки. Может

принимать значения LEFT (по умолчанию), CENTER и RIGHT;
VALIGN – устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: TOP (выравнивание по верхнему краю), MIDDLE (выравнивание по центру – это значение принимается по умолчанию), BOTTOM (по нижнему краю);
BGCOLOR – устанавливает цвет фона для строки

устанавливает горизонтальное выравнивание текста в ячейке. Может принимать значение LEFT,

CENTER и RIGHT;
VALIGN – устанавливает вертикальное выравнивание текста в ячейке. Допустимые значения: TOP, CENTER (это значение принимается по умолчанию), BOTTOM;
WIDTH – определяет ширину ячейки в пикселах;
HEIGHT – определяет высоту ячейки в пикселах;
NOWRAP – присутствие этого атрибута показывает, что текст должен размещаться в одну строку;
BGCOLOR – устанавливает цвет фона ячейки
BACKGROUND – заполняет фон ячейки изображением. Значением атрибута является URL нужного файла.

BACKGROUND. Его можно указывать в теге и табличных тегах

, ,

,

Если размер рисунка больше размера площади, которую следует закрыть фоном, то берется левая верхняя часть изображения, если меньше – рисунок повторяется, пока вся отведенная под фон площадь не будет закрыта, т. е. заданное изображение используется как кафельная плитка. Слайд 32Рисунок в качестве самостоятельного объекта (логотип фирмы, фотография и т. п.) вставляется тегом (IMaGe – изображение). Обязательный атрибут – SRC (SouRCe – источник). Значением этого атрибута является URL файла с изображением. Примеры. – рисунок picture.gif находится в том же каталоге, что и текущий документ; – из текущего каталога перейти в подкаталог images и взять файл picture.gif оттуда; – указание полного пути к файлу. Обычно применяется, если рисунок находится на другом сервере или используется файл с другого сайта. Слайд 33Остальные атрибуты тега BORDER=n – рамка вокруг рисунка, где n – ее толщина в пикселах. При n = 0 (значение по умолчанию) рамка не рисуется; WIDTH=n – задается ширина изображения в пикселах или в процентах от ширины экрана броузера (тогда после n следует знак %). По умолчанию – естественная ширина; HEIGHT=n – высота изображения в пикселах или в процентах от высоты экрана. По умолчанию – естественная высота; HSPACE=n – отступ слева и справа от картинки шириной в n пикселов (т.е. свободное пространство между рисунком и текстом или чем-то иным). По умолчанию 0; VSPACE=n – вертикальный отступ от картинки в пикселах. По умолчанию 0; Слайд 34Теги гиперссылок Ссылки создаются с помощью контейнера … (Add – добавлять). Обязательный атрибут – HREF (Hiper REFerence – гиперссылка). При минимальном наборе атрибутов структура ссылки выглядит так: якорь ссылки Примеры. нужный документ – по двойному щелчку на тексте нужный документ обозреватель раскроет документ filename.html, находящийся в том же каталоге, что и текущий документ; нужный документ – ссылка с указанием полного адреса файла на другом компьютере. По двойному щелчку на тексте нужный документ установится связь с нужным компьютером и раскроется документ index.html, находящийся там по адресу /business/fax/339/. Слайд 35Атрибуты тега : TITLE ="поясняющий текст"– всплывающая подсказка с пояснением к ссылке; TARGET="имя окна" – указывает, в каком окне следует раскрывать вызванный документ Слайд 36Пример Пишите письма автору В окне браузера появится текст: Пишите письма автору Если навести курсор на слово автору, то появится всплывающая подсказка Ссылка на почтовый ящик Администратора сайта. По двойному щелчку на слове автору будет запущена почтовая программа в режиме создания сообщений, и в поле Кому автоматически будет введен адрес Has5@mail.ru Слайд 37Внутренние ссылки Ссылки можно делать не только на внешнюю информацию, но и на внутренние места документа. Это облегчает просмотр больших документов. Пример: Пункт Содержания со ссылкой на Главу 1 должен выглядеть так: Часть1 Форматирование текста Слайд 38Разделение экрана на кадры Кадры (другое название фреймы) – это области экрана, в каждую из которых можно поместить отдельный HTML-документ. Разделение окна на кадры выполняется с помощью HTML-файла, в котором контейнер … заменен на … . Атрибуты этого тега определяют, как разбивается экран. Слайд 39Примеры: – экран разбивается на три колонки, ширина которых задана в процентах от ширины окна броузера; – экран разбивается на две строки, высота которых указана в процентах от высоты окна броузера. Заполнением кадров управляют теги . Обязательный атрибут – SRC="URL документа, загружаемого в кадр". Слайд 40Пример Разбивка экрана на кадры Слайд 41 Скачать презентацию Похожие презентации Искусство древнего Рима 217 Место и роль административного права в правовой системе 234 Фильтрующий противогаз 471 ОСНОВЫ ПОСТРОЕНИЯ ВИРТУАЛЬНЫХ ЧАСТНЫХ СЕТЕЙ 348 Лечебные свойства яда жабы обыкновенной 178 Колледж 1 курса Парикмахерское искусство и декоративная косметика 216 ПРОШЛОЕ И НАСТОЯЩЕЕ ГИТАРЫ 231 мин. 5 Время тестирования Далее 136 Конституционное право как отрасль права 381 Клас Головоногі молюски 542 Подходы к проблеме межгрупповых отношений 226 Патофизиология пищеварения 194 Вячесла́в Леони́дович Кондра́тьев 185 КАРТЫ МАТЕРИКОВ И ОКЕАНОВ 201 TRINITY COLLEGE DUBLIN 246 Фильмы по мотивам Карфагена 209 Психодидактика 3. Психологические аспекты моделирования содержания школьного 192 Космос в искусстве 269 Все лучшее не купишь за деньги Жак Фреско Мир без стрессов, вирусов, нищеты 227 Методические рекомендации по подготовке к ОГЭ в рамках дистанционного обучения 179 Обратная связь Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания: Email: Нажмите что бы посмотреть  Что такое TheSlide.ru? Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями. Для правообладателей