HTML введение
презентация к уроку по информатике и икт на тему


Простейшая страцица, структура языка

Скачать:

ВложениеРазмер
Office presentation icon html_vvedenie.ppt158.5 КБ

Предварительный просмотр:


Подписи к слайдам:

Слайд 1

HTML Создание Веб-страниц

Слайд 2

HTML HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки»;) — стандартный язык разметки документов во Всемирной паутине . Большинство веб-страниц создаются при помощи языка HTML (или XHTML ). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Слайд 3

Теги Тег , те́ги (иногда тэг [1] , англ. tag , читается / tæg / ; более правильное название — дескриптор [2] [3] [4] [5] ) — в SGML (в HTML , WML , AmigaGuide , языках семейства XML ) — элемент языка разметки гипертекста. Например, текст Википедии, заключенный между начальным тегом и конечным тегом (от англ. small маленький ) предписывает отображать его меньше основного текста. Например: Это маленький текст, А это — большой.(). В XML тег является элементом документа, а текст, содержащийся между начальным и конечным тегом — содержанием элемента.

Слайд 4

Теги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет. Основные теги разметки и . Между этими тегами располагается web-cnhfybwf и . Между этими тегами располагается информация о документе. и . В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра. и . "Тело" документа (текст, графика и т.д.) располагается между этими двумя тегами.

Слайд 5

ПРИМЕР

Слайд 6

ТЕГ
(перенос текста на другую строку, что-то вроде Enter:). Попробуйте между тэгами Body его понатыкать - посмотрите, что получится:)

Слайд 7

Параметры тега : BGCOLOR - цвет фона ( ) TEXT - цвет текста ( ) Можно использовать оба одновременно:

Слайд 9

Давайте окрасим слова Добро Пожаловать в красный . Добро пожаловать! :) В блокноте: Мой первый шаг Здравствуйте, это моя первая страница.
Добро пожаловать! :)

Слайд 10

Пример: Мой первый шаг Здравствуйте, это моя первая страница.
Добро пожаловать! :)

Слайд 11

Задние: Задание 1. (1 страница) Создать страницу с «шапкой» - Вашим именем, текстом внутри – информацией о том где Вы учитесь (колледж, группа…) Задание 2. (2 страница) Выделить цветом слово «колледж» – красным, «группа» - черным. Задайте цвет страницы – коричневый. Задание 3 (3 страница) Сделайте так, чтобы весь цвет текст на Вашей странице был синим, кроме номера школы (номер –белый) Цвет страницы – черный


По теме: методические разработки, презентации и конспекты

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

В презентации отражена история создания Интернета, приведены схемы организации Web-страниц. Подробно разобраны самые основные дескрипторы языка HTML....

Основы HTML. Разработка Web-сайта Шесть уровней ворженности (модуль) 11 класс

Урок с использованием модульной технологии.На мой взгляд, использование модульной технологии позволяет: • повысить мотивацию учащихся в освоении не только знаний, но и ключевых компетенций; • строит...

Рабочая программа элективного курса "К проекту чeрез HTML"

Данная рабочая программа составлена на основе авторской программы элективного  курса Т.М. Смирновой «К проекту через HTML». Программа имеет рецензию   Регионального экспертного совета...

Обобщающий урок «Разработка Веб-сайтов с использованием языка HTML»

Этот урок является заключительном  в  курсе “Разработка  Web-сайтов  с  использованием  языка  НТМL” . Он проведится его в  форме конкурса. Урок  стоит из ...

урок прозводственного обучения "Использование гиперссылок в HTML для создания веб-сайтов"

Язык гипертекстовой разметки HTML широко используется для создания веб-сайтов - основных элементов сети ИНТЕРНЕТ. На данном уроке при создании учебной веб-страницы...

http://www.prodlenka.org/metodichka/mypage.html http://videouroki.net/filecom.php?fileid=98712464 http://videouroki.net/filecom.php?fileid=98711040 http://www.prodlenka.org/svidetelstvo.html http://videouroki.net/filecom.php?fileid=98710201 http://www.pro

http://www.prodlenka.org/metodichka/mypage.htmlhttp://videouroki.net/filecom.php?fileid=98712464http://videouroki.net/filecom.php?fileid=98711040http://www.prodlenka.org/svidetelstvo.htmlhttp://videou...

Ссылки на мои статьи и публикации в Живом Журнале (LIVEJOURNAL): - 1. https://vladimir-shkola.livejournal.com/376.html 2. https://vladimir-shkola.livejournal.com/919.html

Ссылки на мои  статьи и публикации в Живом Журнале (LIVEJOURNAL):https://vladimir-shkola.livejournal.com/376.htmlhttps://vladimir-shkola.livejournal.com/919.html...