Просмотр содержимого документа
«Язык создания web- страниц - HTML»
Язык создания web- страниц - HTML
Основные теги
Указывает программе просмотра страниц что это HTML документ.
Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
Определяет видимую часть документа
Теги оглавления
Помещает название документа в оглавление программы просмотра страниц
Атрибуты тела документа
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
Устанавливает цвет гиперссылок при нажатии.
Теги для форматирования текста
Обрамляет предварительно отформатированный текст.
Создает САМЫЙ БОЛЬШОЙ заголовок
Создает самый маленький заголовок
Создает жирный текст
Создает наклонный текст
Создает текст - имитирующий стиль печатной машинки.
Используется для цитат, обычно наклонный текст.
Используется для выделения из текста слова (наклонный или жирный текст)
, Используется для выделения наиболее важных частей текста (наклонный или жирный текст)
Устанавливает размер текста в пределах от 1 до 7.
Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
Гиперссылки
Создает гиперссылку на другие документы или часть текущего документа.
Создает гиперссылку вызова почтовой программы для написания письма автору документа.
Отмечает часть текста как цель для гипперссылок в документе.
Создает гиперссылку на часть текущего документа.
Форматирование
Создает новый параграф
Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
Вставляет перевод строки.
Создает отступы с обеих сторон текста.
Создает список определений.
Определяет каждый из терминов списка
Описывает каждое определение
Создает нумерованный список
Определяет каждый элемент списка и присваивает номер
Создает ненумерованный список
Предваряет каждый элемент списка и добавляет кружок или квадратик.
Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
Добавляет изображение в HTML документ
Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
Устанавливает толщину рамки вокруг изображения
Добавляет в HTML документ горизонтальную линию.
Устанавливает высоту(толщину) линии
Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
Создает линию без тени.
Задает линии определенный цвет. Значение RRGGBB.
Справка: формы это текстовые поля, раскрывающиеся списки, флажки, переключатели и т.д.
Создание форм на ваших Web- страничках.(анкеты )
Для начала создайте текстовый документ (блокнот), сохраните в папку со своими разработанными страничками.
Используя известные вам теги HTML , дайте название странице.
Используя известные теги, напишите заголовок.
E-mail: NAME="e-mail" SIZE=30 Количество символов в текстовом поле. " width="640"
Это текстовые поля для ввода данных. Такие поля создаются с помощью специальных тегов.
Тег перевода строки
Введите свое имя:
NAME="name" SIZE=30
E-mail:
NAME="e-mail" SIZE=30
Количество символов в текстовом поле.
VALUE=" очистить" " width="640"
Отправка данных из формы.
value=" отправить"
VALUE=" очистить"
учащийся name="group" value="student" студент name="group" value="teacher" учитель Значения атрибута value должно быть универсальным (не повторяться) " width="640"
Это группа переключателей
Группа радиокнопок
укажите, к какой группе пользователей вы себя относите:
name="group" value="schoolboy" учащийся
name="group" value="student" студент
name="group" value="teacher" учитель
Значения атрибута value должно быть универсальным (не повторяться)
E-mail name="group" value="www" WWW name="group" value="ftp" FTP Добавьте в свою страничку HTML- код, просмотрите в браузере. " width="640"
Это группа флажков
Какие из сервисов интернет вы чаще всего используете?
name="group" value="e-mail"
E-mail
name="group" value="www"
WWW
name="group" value="ftp"
FTP
Добавьте в свою страничку HTML- код, просмотрите в браузере.
Это поля списков, щелкнув по стрелке, можно выбрать предложенный вариант.
K акими браузерами вы пользуетесь?
IE
Opera
Netscape Navigator
Neo Planet
" width="640"
Текстовое поле для ввода комментариев и пожеланий
Какую информацию вы хотели бы еще видеть на нашем сайте?
rows=4 cols=30
Вот примерный образец анкеты, созданной для школьного сайта