Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная.

Презентация:



Advertisements
Похожие презентации
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Advertisements

Основные понятия HTML расшифровывается HyperText Markup Lang uage (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-
5.7.7 Формы на Web-страницах.
Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода,
Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл.
Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Задание: изучить тему, записать все теги форматирования.
Название страницы содержание страницы Структура любого HTML файла.
HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные.
СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ OpenOffice.org. ТЭГИ (дескрипторы) – это команды, определяющие внешний вид Web – документа и формирующие связи с другими.
Списки на Web – страницах. Интерактивные формы на Web – страницах
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Транксрипт:

Язык создания web- страниц - HTML

Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. Определяет видимую часть документа Теги оглавления Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF красный цвет. Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: черный цвет. Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет. Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: серый цвет. Устанавливает цвет гиперссылок при нажатии.

Теги для форматирования текста Обрамляет предварительно отформатированный текст. Создает САМЫЙ БОЛЬШОЙ заголовок Создает самый маленький заголовок Создает жирный текст Создает наклонный текст Создает текст - имитирующий стиль печатной машинки. Используется для цитат, обычно наклонный текст. Используется для выделения из текста слова (наклонный или жирный текст),Используется для выделения наиболее важных частей текста (наклонный или жирный текст) Устанавливает размер текста в пределах от 1 до 7. Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

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

Форматирование Создает новый параграф Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center Вставляет перевод строки. Создает отступы с обеих сторон текста. Создает список определений. Определяет каждый из терминов списка Описывает каждое определение Создает нумерованный список Определяет каждый элемент списка и присваивает номер Создает ненумерованный список Предваряет каждый элемент списка и добавляет кружок или квадратик. Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

Графические элементы Добавляет изображение в HTML документ Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle Устанавливает толщину рамки вокруг изображения Добавляет в HTML документ горизонтальную линию. Устанавливает высоту(толщину) линии Устанавливает ширину линии, можно указать ширину в пикселах или процентах. Создает линию без тени. Задает линии определенный цвет. Значение RRGGBB.

Создание форм на ваших Web- страничках.(анкеты ) Для начала создайте текстовый документ (блокнот), сохраните в папку со своими разработанными страничками. Используя известные вам теги HTML, дайте название странице. Используя известные теги, напишите заголовок. Справка: формы это текстовые поля, раскрывающиеся списки, флажки, переключатели и т.д.

Это текстовые поля для ввода данных. Такие поля создаются с помощью специальных тегов. Введите свое имя:

Отправка данных из формы. < input type="reset" VALUE=" очистить">

Это группа переключателей укажите, к какой группе пользователей вы себя относите: учащийся студент учитель Группа радиокнопок Значения атрибута value должно быть универсальным (не повторяться)

Это группа флажков Добавьте в свою страничку HTML- код, просмотрите в браузере. Какие из сервисов интернет вы чаще всего используете? WWW FTP

K акими браузерами вы пользуетесь? IE Opera Netscape Navigator Neo Planet Это поля списков, щелкнув по стрелке, можно выбрать предложенный вариант.

Текстовое поле для ввода комментариев и пожеланий Какую информацию вы хотели бы еще видеть на нашем сайте?

Вот примерный образец анкеты, созданной для школьного сайта