Разделы презентаций


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

Содержание

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

Слайды и текст этой презентации

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

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

Слайд 2Основные теги
Указывает программе просмотра страниц что это HTML документ.

Определяет место, где помещается различная информация не отображаемая в теле

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

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

Слайд 3Атрибуты тела документа
Устанавливает цвет фона документа, используя значение

цвета в виде RRGGBB - пример: FF0000 - красный цвет.

text=?> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
Устанавливает цвет гиперссылок при нажатии.

Атрибуты тела документа 	Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 -

Слайд 5Теги для форматирования текста
Обрамляет предварительно отформатированный текст.
Создает САМЫЙ БОЛЬШОЙ заголовок
Создает

самый маленький заголовок
Создает жирный текст
Создает наклонный текст
Создает текст - имитирующий

стиль печатной машинки.
Используется для цитат, обычно наклонный текст.
Используется для выделения из текста слова (наклонный или жирный текст)
,Используется для выделения наиболее важных частей текста (наклонный или жирный текст)
Устанавливает размер текста в пределах от 1 до 7.
Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

Теги для форматирования текста	Обрамляет предварительно отформатированный текст.	Создает САМЫЙ БОЛЬШОЙ заголовок	Создает самый маленький заголовок	Создает жирный текст	Создает наклонный текст	Создает

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

href="mailto:EMAIL">
Создает гиперссылку вызова почтовой программы для написания письма автору документа.

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

Слайд 7Форматирование
Создает новый параграф
Выравнивает параграф относительно одной из сторон документа,

значения: left, right, или center

Вставляет перевод строки.

Создает отступы с

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

      Форматирование	Создает новый параграф	Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center	Вставляет перевод строки. 	Создает

    • Слайд 8Графические элементы
      Добавляет изображение в HTML документ
      Выравнивает изображение

      к одной из сторон документа, принимает значения: left, right, center;

      bottom, top, middle
      Устанавливает толщину рамки вокруг изображения

      Добавляет в HTML документ горизонтальную линию.

      Устанавливает высоту(толщину) линии

      Устанавливает ширину линии, можно указать ширину в пикселах или процентах.

      Создает линию без тени.

      Задает линии определенный цвет. Значение RRGGBB.

      Графические элементы	Добавляет изображение в HTML документ	Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center;

      Слайд 9Создание форм на ваших Web-страничках.(анкеты )
      Для начала создайте текстовый документ

      (блокнот), сохраните в папку со своими разработанными страничками.
      Используя известные вам

      теги HTML, дайте название странице.
      Используя известные теги, напишите заголовок.

      Справка: формы это текстовые поля, раскрывающиеся списки, флажки, переключатели и т.д.

      Создание форм на ваших Web-страничках.(анкеты )Для начала создайте текстовый документ (блокнот), сохраните в папку со своими разработанными

      Слайд 10Это текстовые поля для ввода данных. Такие поля создаются с

      помощью специальных тегов.

      Введите свое имя:




      E-mail:

      перевода строки

      Количество символов в текстовом поле.

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

      Слайд 11Отправка данных из формы.


      Отправка данных из формы.

      Слайд 12Это группа переключателей
      укажите, к какой группе пользователей вы себя относите:


      type="radio"
      name="group" value="schoolboy"> учащийся

      студент

      учитель

      Группа радиокнопок
      Значения атрибута

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

      Слайд 13Это группа флажков
      Добавьте в свою страничку HTML-код, просмотрите в браузере.


      Какие из сервисов интернет вы чаще всего используете?



      E-mail


      type="checkbox"
      name="group" value="www">
      WWW


      name="group" value="ftp">
      FTP


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

      Слайд 14Kакими браузерами вы пользуетесь?





      IE
      Opera
      Netscape Navigator
      Neo Planet





      Это поля списков, щелкнув

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

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

      Слайд 15Текстовое поле для ввода комментариев и пожеланий
      Какую информацию вы хотели

      бы еще видеть на нашем сайте?








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

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

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

      Обратная связь

      Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

      Email: Нажмите что бы посмотреть 

      Что такое TheSlide.ru?

      Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


      Для правообладателей

      Яндекс.Метрика