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)#862 (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)#884 (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)#862 (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)#884 (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)#862 (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"
  }
}



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

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

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

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

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