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

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

Презентация "Html"

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

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

Вы уже знаете о суперспособностях современного учителя?

Как тратить минимум сил на подготовку и проведение уроков?
Как быстро и объективно проверять знания учащихся?
Как сделать изучение нового материала максимально понятным?
Как избавить себя от подбора заданий и их проверки после уроков?
Как наладить дисциплину на своих уроках?
Как получить возможность работать творчески?

Просмотр содержимого документа
«Презентация "Html"»

Язык html

Язык html

Что такое html? HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине Html-страница представляет собой набор тегов

Что такое html?

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине

Html-страница представляет собой набор тегов

Что такое тег? Тег – основной элемент языка html. Теги позволяют добавлять на html-страницу различные объекты (текст, картинки, таблицы, ссылки и т.д.) Правила написания тегов: Теги заключаются в угловые скобки ; Теги всегда парные – открывающий и закрывающий …. Теги закрываются зеркально ….

Что такое тег?

Тег – основной элемент языка html.

Теги позволяют добавлять на html-страницу различные объекты (текст, картинки, таблицы, ссылки и т.д.)

Правила написания тегов:

  • Теги заключаются в угловые скобки ;
  • Теги всегда парные – открывающий и закрывающий ….
  • Теги закрываются зеркально ….
Html-теги 1.  Этот тег является контейнером, который заключает в себе всё содержимое веб-страницы  …

Html-теги

1.

Этот тег является контейнером, который заключает в себе всё содержимое веб-страницы

…

Html-теги 2.  Тег предназначен для служебной информации для браузеров и поисковых систем. Содержимое этого тега не отображается на странице, за исключением тега   …

Html-теги

2.

Тег предназначен для служебной информации для браузеров и поисковых систем. Содержимое этого тега не отображается на странице, за исключением тега

…

Html-теги 2.  Тег задаёт заголовок окна веб-страницы Он находится внутри тега   …

Html-теги

2.

Тег задаёт заголовок окна веб-страницы

Он находится внутри тега

…

Html-теги 2.  Тег предназначен для хранения содержания веб-страницы, отображаемого в окне браузера  …

Html-теги

2.

Тег предназначен для хранения содержания веб-страницы, отображаемого в окне браузера

…

Структура простейшей веб-страницы    Мой первый сайт    Привет! Это моя первая веб-страница!

Структура простейшей веб-страницы

Мой первый сайт

Привет! Это моя первая веб-страница!

Практическое задание Создать папку в папке 9 А и назвать её «Сайт Ивановой, Петрова»; В папке «Сайт…» создать текстовый документ (Блокнот) и назвать его «new1»; Записать в документ new1 структуру своей первой html-страницы и сохранить; Изменить расширение файла new1.txt на new1.html; Открыть файл new1.html через браузер Mozilla Firefox.

Практическое задание

  • Создать папку в папке 9 А и назвать её «Сайт Ивановой, Петрова»;
  • В папке «Сайт…» создать текстовый документ (Блокнот) и назвать его «new1»;
  • Записать в документ new1 структуру своей первой html-страницы и сохранить;
  • Изменить расширение файла new1.txt на new1.html;
  • Открыть файл new1.html через браузер Mozilla Firefox.
Теги для оформления текста страницы

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

Начертание  Полужирный текст   Выделение текста курсивом   Подчёркнутый текст   Зачёркнутый текст

Начертание

  • Полужирный текст
  • Выделение текста курсивом
  • Подчёркнутый текст
  • Зачёркнутый текст
- задает размер шрифта; color= ‘red’ - задает цвет шрифта; face= ‘Arial’ - задает гарнитуру шрифта. " width="640"

Шрифт

…

тег для изменения характеристик шрифта, таких как размер, цвет и гарнитура

  • size= ‘5’ - задает размер шрифта;
  • color= ‘red’ - задает цвет шрифта;
  • face= ‘Arial’ - задает гарнитуру шрифта.
Заголовки … … … - Заголовки разных уровней

Заголовки

  • …

…

  • … - Заголовки разных уровней
- по левому краю; align= ‘right’ - по правому краю; align= ‘center’ - по центру; align= ‘justify’ - по ширине; " width="640"

Выравнивание

…

- определяет текстовый абзац

  • align= ‘left’ - по левому краю;

  • align= ‘right’ - по правому краю;

  • align= ‘center’ - по центру;

  • align= ‘justify’ - по ширине;

" width="640"

Фон или обои страницы

  • bgcolor= ’green’ background= “bg.jpg”
Здесь должна быть картинка, но что-то пошло не так src – путь к графическому файлу; alt – альтернативный картинке текст; width – ширина изображения; height – высота изображения. " width="640"

Вставка изображения

  • src= 'Panda.jpg', alt= 'Здесь должна быть картинка, но что-то пошло не так', width= '100', height= '100'
  • src – путь к графическому файлу;
  • alt – альтернативный картинке текст;
  • width – ширина изображения;
  • height – высота изображения.


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

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

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

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

Скачать
Презентация "Html"

Автор: Проценко Маргарита Валентиновна

Дата: 04.10.2016

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

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

object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(74) "Презентация "Мы за жизнь без наркотиков" "
    ["seo_title"] => string(43) "priezientatsiia-my-za-zhizn-biez-narkotikov"
    ["file_id"] => string(6) "123542"
    ["category_seo"] => string(22) "klassnomuRukovoditeliu"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1414513723"
  }
}
object(ArrayObject)#885 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(92) "Презентация к уроку на тему: "Радионы? шы?у тарихы". "
    ["seo_title"] => string(56) "priezientatsiia-k-uroku-na-tiemu-radionyn-shyg-u-tarikhy"
    ["file_id"] => string(6) "174989"
    ["category_seo"] => string(7) "prochee"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1424196001"
  }
}
object(ArrayObject)#863 (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)#885 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(198) "Разработка урока  биологии 8 класс с мультимедийной презентацией "Орган слуха и равновесия. Их анализаторы." "
    ["seo_title"] => string(114) "razrabotka-uroka-biologhii-8-klass-s-mul-timiediinoi-priezientatsiiei-orghan-slukha-i-ravnoviesiia-ikh-analizatory"
    ["file_id"] => string(6) "112316"
    ["category_seo"] => string(9) "biologiya"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1408516552"
  }
}
object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(29) "Основы языка HTML "
    ["seo_title"] => string(18) "osnovy-iazyka-html"
    ["file_id"] => string(6) "154908"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421226441"
  }
}




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

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

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

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

Проверка свидетельства