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

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

Основы языка разметки HTML

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

В этой презентации мы познакомимся с основами HTML разметки, посмотрим на примерах что это такое

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

Основы языка разметки гипертекста

Основы языка разметки гипертекста

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

Что такое язык разметки гипертекста?

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

То что мы видим в браузере

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

Основное понятие HTML документа – тег ТЕГ – инструкция браузеру, указывающая способ отображения информации.

Основное понятие HTML документа – тег

ТЕГ – инструкция браузеру, указывающая способ отображения информации.

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

Структура HTML документа

Невидимая часть – в ней расположены заголовок, скрипты, мета теги, подключение стилей. 

Видимая часть – в которой расположены элементы веб-страницы: абзацы, таблицы, рисунки и т.д. 

Форматирование текста Атрибут тега – уточняет действие тега  Привет!  Значение атрибута Атрибуты тега Атрибуты: Align=“left” – выравнивание по левому краю Align=“right” - выравнивание по правому краю Align=“center” - выравнивание по центру Align=“justify” - выравнивание по ширине Абзац …….

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

Атрибут тега – уточняет действие тега

Привет!

Значение атрибута

Атрибуты тега

Атрибуты:

Align=“left” – выравнивание по левому краю

Align=“right” - выравнивание по правому краю

Align=“center” - выравнивание по центру

Align=“justify” - выравнивание по ширине

Абзац

…….

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

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

Вставка изображений Картинка в папке img Которая находится на одном уровне с веб-страницей Веб-страница и картинка на одном уровне

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

Картинка в папке img

Которая находится на одном

уровне с веб-страницей

Веб-страница и картинка

на одном уровне

Гиперссылки Абсолютные Относительные

Гиперссылки

Абсолютные

Относительные


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

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

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

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

Скачать
Основы языка разметки HTML

Автор: Тарасов Дмитрий Александрович

Дата: 05.07.2019

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

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

object(ArrayObject)#849 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(164) "Разработка урока по информатике в 10 классе по теме "Основы языка разметки гипертекста HTML" "
    ["seo_title"] => string(99) "razrabotka-uroka-po-informatikie-v-10-klassie-po-tiemie-osnovy-iazyka-razmietki-ghipiertieksta-html"
    ["file_id"] => string(6) "157084"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421524398"
  }
}
object(ArrayObject)#871 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(43) "презентация " Основы HTML""
    ["seo_title"] => string(25) "priezientatsiiaosnovyhtml"
    ["file_id"] => string(6) "298800"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1456405798"
  }
}
object(ArrayObject)#849 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(158) "Методическая разработка урока по спец технологии по теме "Основы веб конструирования""
    ["seo_title"] => string(96) "mietodichieskaia-razrabotka-uroka-po-spiets-tiekhnologhii-po-tiemie-osnovy-vieb-konstruirovaniia"
    ["file_id"] => string(6) "266514"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1450178859"
  }
}
object(ArrayObject)#871 (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"
  }
}
object(ArrayObject)#849 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(166) "Интегрированный урок английского языка и информатики по теме "Экология сегодня" ("Ecology Today") "
    ["seo_title"] => string(103) "intieghrirovannyi-urok-anghliiskogho-iazyka-i-informatiki-po-tiemie-ekologhiia-sieghodnia-ecology-today"
    ["file_id"] => string(6) "103722"
    ["category_seo"] => string(15) "angliiskiyYazik"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1402606259"
  }
}

ПОЛУЧИТЕ БЕСПЛАТНО!!!
Личный сайт учителя
Получите в подарок сайт учителя


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

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

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

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

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

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

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