kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

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

Нажмите, чтобы узнать подробности

Презентация помогает учащимся создать собственные веб- страницы. формирует познавательный интерес к разработке веб- приложений.

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Язык создания web- страниц - HTML»

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

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

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

Основные теги

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

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

Определяет видимую часть документа

Теги оглавления

Помещает название документа в оглавление программы просмотра страниц

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

Атрибуты тела документа

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

Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

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

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

Устанавливает цвет гиперссылок при нажатии.

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

Теги для форматирования текста

Обрамляет предварительно отформатированный текст.

Создает САМЫЙ БОЛЬШОЙ заголовок

Создает самый маленький заголовок

Создает жирный текст

Создает наклонный текст

Создает текст - имитирующий стиль печатной машинки.

Используется для цитат, обычно наклонный текст.

Используется для выделения из текста слова (наклонный или жирный текст)

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

Устанавливает размер текста в пределах от 1 до 7.

Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

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

Гиперссылки

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

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

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

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

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

Форматирование

Создает новый параграф

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


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

Создает отступы с обеих сторон текста.

Создает список определений.

Определяет каждый из терминов списка

Описывает каждое определение

Создает нумерованный список

  • Определяет каждый элемент списка и присваивает номер

    Создает ненумерованный список

  • Предваряет каждый элемент списка и добавляет кружок или квадратик.

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

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

    Графические элементы

    Добавляет изображение в HTML документ

    Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

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

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

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

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

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

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

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

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

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

    • Для начала создайте текстовый документ (блокнот), сохраните в папку со своими разработанными страничками.
    • Используя известные вам теги HTML , дайте название странице.
    • Используя известные теги, напишите заголовок.
    Это текстовые поля для ввода данных. Такие поля создаются с помощью специальных тегов. Тег перевода строки  Введите свое имя: NAME= E-mail: NAME="e-mail" SIZE=30 Количество символов в текстовом поле. " width="640"

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

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

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

    NAME="name" SIZE=30


    E-mail:

    NAME="e-mail" SIZE=30


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

    Отправка данных из формы. value= VALUE=" очистить" " width="640"

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

    value=" отправить"

    VALUE=" очистить"

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

    Это группа переключателей

    Группа радиокнопок

    укажите, к какой группе пользователей вы себя относите:

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

    name="group" value="student" студент

    name="group" value="teacher" учитель

    Значения атрибута value должно быть универсальным (не повторяться)

    Это группа флажков Какие из сервисов интернет вы чаще всего используете?  name= 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

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

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


    IE

    Opera

    Netscape Navigator

    Neo Planet



    " width="640"

    Текстовое поле для ввода комментариев и пожеланий

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



    rows=4 cols=30


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

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


  • Получите в подарок сайт учителя

    Предмет: Информатика

    Категория: Уроки

    Целевая аудитория: 8 класс

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

    Автор: Ципушников Александр Васильевич

    Дата: 18.06.2016

    Номер свидетельства: 335235

    Похожие файлы

    object(ArrayObject)#855 (1) {
      ["storage":"ArrayObject":private] => array(6) {
        ["title"] => string(129) "Урок по информатике «Создание web-страниц с помощью HTML. Основы языка HTML»"
        ["seo_title"] => string(80) "urok_po_informatikie_sozdaniie_web_stranits_s_pomoshch_iu_html_osnovy_iazyka_htm"
        ["file_id"] => string(6) "387969"
        ["category_seo"] => string(11) "informatika"
        ["subcategory_seo"] => string(5) "uroki"
        ["date"] => string(10) "1486296286"
      }
    }
    
    object(ArrayObject)#877 (1) {
      ["storage":"ArrayObject":private] => array(6) {
        ["title"] => string(84) "Язык программирования HTML. Создание Web-страниц "
        ["seo_title"] => string(52) "iazyk-proghrammirovaniia-html-sozdaniie-web-stranits"
        ["file_id"] => string(6) "110069"
        ["category_seo"] => string(11) "informatika"
        ["subcategory_seo"] => string(5) "testi"
        ["date"] => string(10) "1405500260"
      }
    }
    
    object(ArrayObject)#855 (1) {
      ["storage":"ArrayObject":private] => array(6) {
        ["title"] => string(62) "Создание Web – страниц с помощью HTML"
        ["seo_title"] => string(41) "sozdaniie_web_stranits_s_pomoshch_iu_html"
        ["file_id"] => string(6) "365689"
        ["category_seo"] => string(11) "informatika"
        ["subcategory_seo"] => string(11) "presentacii"
        ["date"] => string(10) "1480864414"
      }
    }
    
    object(ArrayObject)#877 (1) {
      ["storage":"ArrayObject":private] => array(6) {
        ["title"] => string(52) "Язык создания web- страниц - HTML"
        ["seo_title"] => string(30) "iazyksozdaniiawebstranitshtml1"
        ["file_id"] => string(6) "335236"
        ["category_seo"] => string(11) "informatika"
        ["subcategory_seo"] => string(5) "uroki"
        ["date"] => string(10) "1466266675"
      }
    }
    
    object(ArrayObject)#855 (1) {
      ["storage":"ArrayObject":private] => array(6) {
        ["title"] => string(159) "Конспект урока по информатике "Добавление таблиц, оформление рисунков на Web-страницах" "
        ["seo_title"] => string(93) "konspiekt-uroka-po-informatikie-dobavlieniie-tablits-oformlieniie-risunkov-na-web-stranitsakh"
        ["file_id"] => string(6) "104059"
        ["category_seo"] => string(11) "informatika"
        ["subcategory_seo"] => string(5) "uroki"
        ["date"] => string(10) "1402663191"
      }
    }
    


    Получите в подарок сайт учителя

    Видеоуроки для учителей

    Курсы для учителей

    ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

    Добавить свою работу

    * Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

    Удобный поиск материалов для учителей

    Ваш личный кабинет
    Проверка свидетельства