Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Презентации / Hyper Text Markup Language (HTML) - язык разметки гипертекста
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Hyper Text Markup Language (HTML) - язык разметки гипертекста

Выберите документ из архива для просмотра:

Выбранный для просмотра документ HTML.pptx

библиотека
материалов
Hyper Text Markup Language (HTML) - язык разметки гипертекста
Гипертекст – это документ, содержащий ссылки на другие документы. Отдельный д...
Структура HTML-документа Тег –это инструкции браузеру, определяющие способ от...
- начало HTML-документа  - Конец HTML-документа.  - Этот тег указывает на на...
Правила синтаксиса Взаимное расположение элементов HTML, HEAD, TITLE, BODY до...
Задания для выполнения: Откройте текстовый редактор "Блокнот". Наберите в нем...
6 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Описание презентации по отдельным слайдам:

№ слайда 1 Hyper Text Markup Language (HTML) - язык разметки гипертекста
Описание слайда:

Hyper Text Markup Language (HTML) - язык разметки гипертекста

№ слайда 2 Гипертекст – это документ, содержащий ссылки на другие документы. Отдельный д
Описание слайда:

Гипертекст – это документ, содержащий ссылки на другие документы. Отдельный документ, выполненный в формате HTML, называется: - HTML-документом; - Web-документом; Web-страницей. Такие страницы как правило имеют расширение htm или html. Гиперссылка – выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши(Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому). Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.

№ слайда 3 Структура HTML-документа Тег –это инструкции браузеру, определяющие способ от
Описание слайда:

Структура HTML-документа Тег –это инструкции браузеру, определяющие способ отображения текста (Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой). Пример: <P> текст</p>. Т.е. текст помещен между тегами как в контейнер. Атрибут - параметр или свойство элемента. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами. Пример: <P align="center"> Этот текст будет выровнен по центру экрана </p>

№ слайда 4 - начало HTML-документа  - Конец HTML-документа.  - Этот тег указывает на на
Описание слайда:

<HTML> - начало HTML-документа </html> - Конец HTML-документа. <HEAD> - Этот тег указывает на начало области заголовка Web-страницы. Служит для формирования обей структуры документа. </head> - Конец области заголовка Web-страницы. <TITLE>Структура Web-страницы</title> Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна браузера. <BODY> - Начало собственно содержимого Web-страницы. </body> - Конец содержимого Web-страницы. <H2> </h2> Элемент заголовка <P> </p> Элемент абзаца.

№ слайда 5 Правила синтаксиса Взаимное расположение элементов HTML, HEAD, TITLE, BODY до
Описание слайда:

Правила синтаксиса Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице. Структура: <HTML> <HEAD> <TITLE>.....</title> </head> <BODY> .................. </body> </html> 2. Всегда использовать конечные теги (не забывать </p>, </h1>, </table> и др.). 3. Не нарушать правила вложения тегов. Правильно: <H1>Заголовок крупный <H2> Заголовок поменьше </h2> </h1> 4. Любая полезная информация должна находится между начальным и конечным тегами, указывающими ее формат. 5. Все атрибуты располагаются в начальном теге. 6. Принято начальные теги писать ЗАГЛАВНЫМИ буквами (<H1>), а конечные строчными буквами (</h1>).

№ слайда 6 Задания для выполнения: Откройте текстовый редактор &quot;Блокнот&quot;. Наберите в нем
Описание слайда:

Задания для выполнения: Откройте текстовый редактор "Блокнот". Наберите в нем структуру HTML-документа, которая представлена вам на слайде 5. Сохраните файл в своей папке, присвоив ему имя page1.htm Зайдите в свою папку и откройте созданный файл. Вы увидите, как выглядит созданный вами файл в окне браузера. Закройте браузер. Вернитесь к сохраненному файлу в "Блокноте". Внесите в него следующие изменения: пусть это будет ваша первая страничка. Укажите в ней ваши фамилию, имя, школу, класс, увлечения. Используйте для этого форматирование заголовков и абзацев. В строке <TITLE> укажите: "Домашняя страничка (ваше имя и фамилия). Сохраните файл как page2.htm. Просмотрите результат в браузере, при необходимости отредактируйте файл при помощи "Блокнота".


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Краткое описание документа:

Hyper Text Markup Language (HTML) - язык разметки гипертекста.Основные определения, тэги, структура документа, примеры программ, задание на закрепление материала, а также правила синтаксиса.Гипертекст – это документ, содержащий ссылки на другие документы. Отдельный документ, выполненный в формате HTML, называется:- HTML-документом;- Web-документом;-Web-страницей. Такие страницы как правило имеют расширение htm или html. Гиперссылка – выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши(Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому). Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.
Автор
Дата добавления 02.04.2014
Раздел Информатика
Подраздел Презентации
Просмотров652
Номер материала 55801040216
Получить свидетельство о публикации
Похожие материалы

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