Структура любого HTML файла |
| HTML | ||
| << Общие сведения об HTML | HTML 5 >> |
Картинок нет |
Автор: Smirnova. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «Структура любого HTML файла.ppt» со всеми картинками в zip-архиве размером 116 КБ.
Структура любого HTML файла
содержание презентации «Структура любого HTML файла.ppt»| Сл | Текст | Сл | Текст |
| 1 | Структура любого HTML файла. | 5 | страницы. |
| <HTML> <HEAD> <TITLE> | 6 | Теги оформления списков. Название. | |
| Название страницы </TITLE> | Комментарии. <OL> … </OL> | ||
| </HEAD> <BODY> содержание | <LI> Обрамляет нумерованный список | ||
| страницы </BODY> </HTML> | Выделяет каждый элемент <OL> | ||
| 2 | Структурные теги. Название. | <LI> сети <LI> этика | |
| Комментарии. Тег, указывающий браузеру, | </OL> <OL TYPE = “ * ”> … | ||
| что далее следует HTML-файл. Содержит | </OL> Тип номерации (* = I, A, a). | ||
| название документа и справочную | <OL START=> … </OL> Задает | ||
| информацию, которая используется браузером | первый. <UL> … </UL> | ||
| для ее правильного отображения. В данном | <LI> Обрамляет ненумерованный | ||
| теге содержится название Web-страницы. | список. <UL TYPE=“*”> … </UL> | ||
| Внутри этого тега пишется то, что будет | Тип нумерации ( * = disk, square). | ||
| доступно в области просмотра. <HTML> | 7 | Теги вставки таблиц. Название. | |
| </HTML> <HEAD> </HEAD> | Комментарии. <TABLE> … | ||
| <TITLE> </TITLE> <BODY> | </TABLE> Обрамляет всю таблицу. | ||
| </BODY> | Border = 1,2,3,4,5… Задает внешнюю | ||
| 3 | Теги форматирования абзацев и строк. | границу. Cellspacing=. Расстояние между | |
| Название. Комментарии. 6 уровней | второй линией, является внутренней | ||
| заголовков. 1- высший уровень. Отделяет | границей. Cellpadding=. Задает расстояние | ||
| абзацы друг от друга. Ставится в конце | от содержимого ячейки до рамки слева. | ||
| абзаца. Абзац (пустая строка). Следующее | Bgcolor = “”. Цвет фона таблицы. | ||
| за этим тегом содержание html-файла будет | BorderColor=. Цвет внешней границы. | ||
| начинаться с новой строки. Тег указывает | Width=. Ширина таблицы. Align = *. | ||
| на то, что браузер должен отобразить | Выравнивание (left, right, center). | ||
| горизонтальную линию, идущую через весь | 8 | Теги вставки таблиц. Название. | |
| экран. <H1>…</H1> <P> | Комментарии. <Caption> … | ||
| <BR> <HR> | </Caption> Название таблицы. Align = | ||
| 4 | Теги форматирования шрифта. Название. | *. Выравнивание: Left – над таблицей по | |
| Комментарии. <B> … </B> | левому краю Right – над таблицей по | ||
| Выделение текста жирным шрифтом. <I> | правому краю Top –над таблицей по центру | ||
| … </I> Выделение текста курсивом. | Bottom – под таблицей по центру. | ||
| <U> … </U> Подчеркивание | <TR> … </TR> Строка таблицы | ||
| текста. <SUP> … </SUP> Верхний | выравнивание. <TD> … </TD> | ||
| индекс. <SUB> … </SUB> Нижний | Ячейка таблицы. <TH> … </TH> | ||
| индекс. <FONT SIZE = *> … | Заголовок таблицы. | ||
| </FONT> Размер шрифта (вместо * от 1 | 9 | Теги вставки изображения. Название. | |
| до 7). <FONT FACE = “ “> … | Комментарии. <IMG> Тег вставки | ||
| </FONT> Гарнитура шрифта (вместо “ ” | изображения. Src. Задает адрес | ||
| – название шрифта. <FONT COLOR = “ | изображения. Width. Задает ширину | ||
| “> … </FONT> Цвет текста ( вместо | изображения. Heigth. Задает высоту | ||
| “ ” - название или код цвета). <Body | изображения. Align =. Выравнивание | ||
| BGColor = > Цвет фона страницы. | изображения По вертикали Betton – нижняя | ||
| 5 | Теги оформления страницы. Название. | граница изображения выравнивается по | |
| Комментарии. <P Align = “ * ”> … | нижнему краю строки Middle – центр | ||
| </P> Выравнивание абзаца *center – | изображения выравнивается по нижнему краю | ||
| по центру *right – по правому полю. <H1 | строки Top – верхняя граница изображения | ||
| Align = “ * ”> … </H1> | выравнивается по верхнему краю строки По | ||
| Выравнивание заголовка. <DIV> … | горизонтали Left – по левому краю страницы | ||
| </DIV> Выделяет раздел, пустая | Right – по правому краю страницы. Border. | ||
| строка перед разделом. <Center> … | Задает ширину рамки в пикселях. Title. | ||
| </Center> Центрирование текста (для | Подсказка при наведении мыши. | ||
| слова). <Body BGColor = > Цвет фона | 10 |  . | |
| Структура любого HTML файла.ppt | |||
Структура любого HTML файла
«Документ HTML» - План занятия. Пример: Интерпретируется текст. <IMG SRC=“PIC1.GIF”>. - Разработаны стандарты HTML 3.2 и HTML 4.0. Атрибуты внутри стартового тега разделяются пробелами. Гиперссылка. 1989. Разметка текста Создание списков Создание таблиц Графика Гиперссылки. Тег. 1994. Строка адреса ресурса (URL).
«Типы файлов» - Текущий указатель. 4. Функция, возвращающая номер текущего элемента (типа longint). Пример. Типы файлов (файловых переменных). 1. Процедура, смещающая указатель на компонент с номером N (выражение типа longint). 5. Процедура, закрывающая файл с сохранением в нем данных. Нетипизированные файлы. 2. Процедура, открывающая существующий файл для чтения.
«Архивация файлов» - Основные действия при работе с архивами: Архивация с помощью оболочки WinRAR. Программы, осуществляющие сжатие (упаковку файлов), называют архиваторами. Какие файлы не имеет смысла архивировать? Избыточность. Распаковка файлов. На рисунках цвета соседних точек в большинстве случаев близки по оттенку.
«Система файлов» - Имя файла Имя.расширение. Поиск файла. Программа обучения английскому яз. Установите соответствие: Многоуровневая (иерархическая). Антивирусная программа Dr Web. программ ОЗУ, процессором, файлами диалог. Расширение. Понятие папки шире, чем понятие «каталог». Операционная система Windows. Станислав Лем.
«Язык HTML» - операционной системы, установленной на нем. HTML (Hyper Text Markup Language, "язык разметки гипертекста"). История развития html. Язык HTML состоит из элементов, называемых тегами. Тело документа – святая святых. Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY. Теги представляют собой управляющие элементы разметки гипер-текстового документа.
«Как вставить файл в презентацию» - Курсор станет крестообразным. Звук запускается при смене слайда. 2) Ставите метку в строку «Показывать вкладку «Разработчик» на ленте. Встраивание видео. Встраивание видео на слайды. «Вид» - «Панели инструментов» - «Элементы управления» - значок вкладки «Другие инструменты». Звук запускается по щелчку.
