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

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

Язык гипертекстовой разметки HTML

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

В данной презентации отражены основные этапы разработки Web - страниц.

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

Просмотр содержимого документа
«Язык гипертекстовой разметки HTML»

Язык гипертекстовой разметки

Язык гипертекстовой разметки

Моя страничка    Эта страничка обо мне

Моя страничка

Эта страничка обо мне

Сохраним файл в программе «Блокнот» следующим образом:

Сохраним файл в программе «Блокнот» следующим образом:

Теперь, если мы откроем данный файл в браузере, то увидим следующее:

Теперь, если мы откроем данный файл в браузере, то увидим следующее:

Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок
  • Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок
Размер шрифта задается тэгами от ( самый крупный) до ( самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом:
  • Размер шрифта задается тэгами от

( самый крупный) до ( самый мелкий).

  • Заголовок страницы целесообразно выделить самым крупным шрифтом:

Моя страничка

Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Выравнивание осуществляется с помощью атрибута align , которому присваивают определенное значение: « right »-выравнивание по правой границе, « center » - выравнивание по центру.
  • Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание.
  • Выравнивание осуществляется с помощью атрибута align , которому присваивают определенное значение: « right »-выравнивание по правой границе, « center » - выравнивание по центру.
Моя страничка

Моя страничка

Тэг « FONT » задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: SIZE- размер шрифта; COLOR- цвет шрифта; FACE - гарнитура шрифта.
  • Тэг « FONT » задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты:
  • SIZE- размер шрифта;
  • COLOR- цвет шрифта;
  • FACE - гарнитура шрифта.
Моя страничка
  • Моя страничка
Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга . Этот тэг одиночный - он не требует закрывающего тэга.
  • Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга . Этот тэг одиночный - он не требует закрывающего тэга.
Эта страничка обо мне

Эта страничка обо мне

Чтобы разделить текст на абзацы, можно использовать контейнер  . При просмотре абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.
  • Чтобы разделить текст на абзацы, можно использовать контейнер .
  • При просмотре абзацы отделяются друг от друга интервалами.
  • Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.
Моя страничка       Эта страничка обо мне    На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время.   Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей.
  • Моя страничка
  • Эта страничка обо мне
  • На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время.

  • Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей.

Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web -страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. На титульном листе логично разместить фотографию того, кому посвящен этот сайт.
  • Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web -страницах могут размещаться файлы трех форматов- GIF, JPG, PNG.
  • На титульном листе логично разместить фотографию того, кому посвящен этот сайт.
Вставка изображения производится с помощью тэга  с атрибутом SRC , который указывает на место хранения файла на компьютере.
  • Вставка изображения производится с помощью тэга с атрибутом SRC , который указывает на место хранения файла на компьютере.
Для изменения фона можно воспользоваться атрибутом тэга - background,  который указывает на место хранения файла фонового рисунка на компьютере.  . Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties=
  • Для изменения фона можно воспользоваться атрибутом тэга - background, который указывает на место хранения файла фонового рисунка на компьютере.

.

  • Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"


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

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

Категория: Презентации

Целевая аудитория: 8 класс.
Урок соответствует ФГОС

Скачать
Язык гипертекстовой разметки HTML

Автор: Довыденко Анна Михайловна

Дата: 27.03.2018

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

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

object(ArrayObject)#883 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(97) "Презентация к уроку язык гипертекстовой разметки HTML "
    ["seo_title"] => string(62) "priezientatsiia-k-uroku-iazyk-ghipiertiekstovoi-razmietki-html"
    ["file_id"] => string(6) "101311"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1402413420"
  }
}
object(ArrayObject)#905 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(127) "Методическая разработка урока "Форматирование текста средствами HTML" "
    ["seo_title"] => string(74) "mietodichieskaia-razrabotka-uroka-formatirovaniie-tieksta-sriedstvami-html"
    ["file_id"] => string(6) "229140"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1441629709"
  }
}
object(ArrayObject)#883 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(29) "Презентация "Html""
    ["seo_title"] => string(20) "priezientatsiia_html"
    ["file_id"] => string(6) "347427"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1475595613"
  }
}
object(ArrayObject)#905 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(225) "Урок информатики по теме «HTML – язык разметки  гипертекстовых документов»«HTML – язык разметки  гипертекстовых документов» "
    ["seo_title"] => string(130) "urok-informatiki-po-tiemie-html-iazyk-razmietki-ghipiertiekstovykh-dokumientov-html-iazyk-razmietki-ghipiertiekstovykh-dokumientov"
    ["file_id"] => string(6) "134253"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1416722634"
  }
}
object(ArrayObject)#883 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(162) "Конспект урока информатики по теме "Основы языка гипертекстовой разметки документов HTML""
    ["seo_title"] => string(96) "konspiekt-uroka-informatiki-po-tiemie-osnovy-iazyka-ghipiertiekstovoi-razmietki-dokumientov-html"
    ["file_id"] => string(6) "132000"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1416255478"
  }
}


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

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

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

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

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

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

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

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