Здесь показаны различия между выбранной ревизией и текущей версией данной страницы.
|
metodika_prepodavanija_kursa_informatiki_2008:razdatochnyj_material._osnovnye_tegi [2009/04/23 17:14] almazova создано |
metodika_prepodavanija_kursa_informatiki_2008:razdatochnyj_material._osnovnye_tegi [2009/04/24 15:39] (текущий) almazova |
||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | ==== Основные теги ==== | + | __** Основные теги**__ |
| **Структурные теги:** | **Структурные теги:** | ||
| Строка 8: | Строка 8: | ||
| <BODY> </BODY> - Внутри этого тега содержится информация, которая будет отображена в области просмотра браузера. Этот тег может иметь несколько параметров, описывающих цвет фона окна просмотра, рисунок в нём, цвет текста и т.п. | <BODY> </BODY> - Внутри этого тега содержится информация, которая будет отображена в области просмотра браузера. Этот тег может иметь несколько параметров, описывающих цвет фона окна просмотра, рисунок в нём, цвет текста и т.п. | ||
| + | |||
| + | <body bdcolor=...> - Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB- пример:FF0000- красный цвет | ||
| + | |||
| + | <body text=...> - Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример :00FF00- зелёный цвет | ||
| + | |||
| + | <body link=...> - Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример : 000000- чёрный цвет | ||
| + | |||
| + | <body vlink=...> - Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333- серый цвет | ||
| + | |||
| + | <body alink=...> - Устанавливает цвет гиперссылок при нажатии | ||
| Строка 18: | Строка 28: | ||
| <U> </U> -Слово, заключённое в этот тег, будет отображено подчёркнутым шрифтом. | <U> </U> -Слово, заключённое в этот тег, будет отображено подчёркнутым шрифтом. | ||
| + | |||
| **Теги управления внешним видом веб-страницы** | **Теги управления внешним видом веб-страницы** | ||
| Строка 23: | Строка 34: | ||
| <P> - тег параграф, отделяет абзацы друг от друга, ставится в конце абзаца. | <P> - тег параграф, отделяет абзацы друг от друга, ставится в конце абзаца. | ||
| + | |||
| + | |||
| + | <p align=...> - Выравнивает абзац относительно одной из сторон документа, значения : left, right, или center. | ||
| + | |||
| + | <blockquote> </blockquote> - Создаёт отступы с обеих сторон текста | ||
| + | |||
| + | |||
| + | <tt> </tt> - имитация начертания печатной машинки | ||
| + | |||
| + | <cite> </cite> - Используется для цитат, обычно наклонный текст | ||
| + | |||
| + | <strong> </strong> - Используется для выделения наиболее выжных частей текста (наклонный или жирный текст) | ||
| + | |||
| + | <font size=...> </font> - Устанавливает размер текста в пределах от 1 до 7 | ||
| + | |||
| + | |||
| + | <font color=...> </font> - Устанавливает цвет текста | ||
| + | |||
| <BR> Следующее за этим тегом содержание HTML- файла будет просто начинаться с новой строки. | <BR> Следующее за этим тегом содержание HTML- файла будет просто начинаться с новой строки. | ||
| Строка 32: | Строка 61: | ||
| <H1> </H1> - тег, определяющий заголовок документа. Послебуквы Н указывается уровень заголовка- от 1 до 5. Чем меньше цифра, тем больше шрифт, отображающий заголовок. | <H1> </H1> - тег, определяющий заголовок документа. Послебуквы Н указывается уровень заголовка- от 1 до 5. Чем меньше цифра, тем больше шрифт, отображающий заголовок. | ||
| + | |||
| + | <a href="URL"> </a> - Создаёт гиперссылку на другие документы или часть текущего документа | ||
| **Теги оформления списков данных на веб-странице.** | **Теги оформления списков данных на веб-странице.** | ||
| - | <LI> - Этот тнг служит для представления абзаца- элемента списка. | + | <LI> - Этот тег служит для представления абзаца- элемента списка. |
| - | <Ol> </OL> - Этот тнг служит для представления информации в виде упорядоченного списка, абзацы которого последовательно нумеруются. Каждый абзац списка помечается тегом <LI>. | + | <Ol> </OL> - Этот тег служит для представления информации в виде упорядоченного списка, абзацы которого последовательно нумеруются. Каждый абзац списка помечается тегом <LI>. |
| <UL> </UL> - Этот тег отображает маркированный список в виде последовательности помеченных элементов. Каждый абзац списка помечается тегом <LI>. | <UL> </UL> - Этот тег отображает маркированный список в виде последовательности помеченных элементов. Каждый абзац списка помечается тегом <LI>. | ||
| + | |||
| + | **Теги оформления таблицы.** | ||
| + | |||
| + | <table> </table> - Тег формирует таблицу | ||
| + | |||
| + | <tr> </tr> - Тег выделяющий строки | ||
| + | |||
| + | <td> </td> - Тег выделяющий столбцы | ||
| + | |||
| + | __Атрибуты таблицы__ | ||
| + | |||
| + | |||
| + | align - Выравнивание таблицы по горизонтали (left, center, right) | ||
| + | |||
| + | bdcolor - Задаёт фон внутри таблицы(можно задавать различный фон в каждой ячейке отдельно) | ||
| + | |||
| + | border - Определяет ширину бордюра | ||
| + | |||
| + | bordercolor - Задаёт цвет бордюра | ||
| + | |||
| + | width - Задаёт ширину таблицы | ||
| + | |||
| + | **Теги для графических элементов.** | ||
| + | |||
| + | <img src="name"> Добавляет изображение | ||
| + | |||
| + | <img src="name" align=?> - Выравнивает изображение к одной из сторон документа, принимая значения : left, right | ||
| + | |||
| + | <img src="name" border=?> Устанавливаеи толщину рамки вокруг изображения | ||
| + | |||
| + | <hr> - Добавляет в документ горизонтальную линию | ||
| + | |||
| + | <hr size=?> - Устанавливает ширину линии | ||
| + | |||
| + | |||
| + | <hr noshade> - Создаёт линию без тени | ||
| + | |||
| + | <hr color=?> - Задаёт линии определённый цвет | ||