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

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

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

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

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

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

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

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

Презентация на тему "Язык разметки гипертекста HTML. Назначение языка HTML" (11 класс)

Выбранный для просмотра документ 1_язык разметки гипертекста.pptx

библиотека
материалов
УРОК 1. Язык разметки гипертекста HTML. Назначение языка HTML.
Теги-это инструкции браузеру, определяющие способ отображения текста. Тег все...
Структурные теги:   - тег, указывающий браузеру, что далее следует HTML-файл....
Виды форматирования символов на веб-странице   - Слово, заключённое в этот те...
- Устанавливает размер текста в пределах от 1 до 7   - Устанавливает цвет т...
5 1

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


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

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

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

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

№ слайда 1 УРОК 1. Язык разметки гипертекста HTML. Назначение языка HTML.
Описание слайда:

УРОК 1. Язык разметки гипертекста HTML. Назначение языка HTML.

№ слайда 2 Теги-это инструкции браузеру, определяющие способ отображения текста. Тег все
Описание слайда:

Теги-это инструкции браузеру, определяющие способ отображения текста. Тег всегда начинается с открывающей угловой скобки (знака<) и завершающей угловой скобкой (>знаком). Заглавные и строчные буквы при написании тегов не различаются. Существуют два типа тегов - парные и непарные. Парные теги можно сравнить со скобками алгебраического выражения. Парные теги характеризуют текст с того места, где употреблён открывающий тег пары, до того места, где находится закрывающий тег, указывающий на окончание его действия, - такой же тег, но начинающийся с наклонной черты - символа/.

№ слайда 3 Структурные теги:   - тег, указывающий браузеру, что далее следует HTML-файл.
Описание слайда:

Структурные теги: <HTML> </HTML> - тег, указывающий браузеру, что далее следует HTML-файл. Этот тег как бы обрамляет документ- весь текст должен находиться внутри этого тега. <HEAD> </HEAD> - Внутри этого тега будет находиться информация о документе, состоящая из нескольких частей. <BODY> </BODY> - Внутри этого тега содержится информация, которая будет отображена в области просмотра браузера. Этот тег может иметь несколько параметров, описывающих цвет фона окна просмотра, рисунок в нём, цвет текста и т.п. <body bgcolor=…> - Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB- пример:FF0000- красный цвет <body text=…> - Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример :00FF00- зелёный цвет <body link=…> - Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример : 000000- чёрный цвет <body vlink=…> - Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333- серый цвет <body alink=…> - Устанавливает цвет гиперссылок при нажатии

№ слайда 4 Виды форматирования символов на веб-странице   - Слово, заключённое в этот те
Описание слайда:

Виды форматирования символов на веб-странице <B> </B> - Слово, заключённое в этот тег, будет отображено жирным шрифтом. <I> </I> -Слово, заключенное в этот тег, будет отображено курсивом. <U> </U> -Слово, заключённое в этот тег, будет отображено подчёркнутым шрифтом. Теги управления внешним видом веб-страницы <P> - тег параграф, отделяет абзацы друг от друга, ставится в конце абзаца. <p align=…> - Выравнивает абзац относительно одной из сторон документа, значения : left, right, или center. <blockquote> </blockquote> - Создаёт отступы с обеих сторон текста <tt> </tt> - имитация начертания печатной машинки <cite> </cite> - Используется для цитат, обычно наклонный текст <strong> </strong> - Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)

№ слайда 5 - Устанавливает размер текста в пределах от 1 до 7   - Устанавливает цвет т
Описание слайда:

<font size=…> </font> - Устанавливает размер текста в пределах от 1 до 7 <font color=…> </font> - Устанавливает цвет текста <BR> Следующее за этим тегом содержание HTML- файла будет просто начинаться с новой строки. <HR> Этот тег указывает на то, что браузер должен отобразить горизонтальную линию, идущую через весь экран. Он может иметь несколько параметров, задающих ширину и цвет линии. <PRE> </PRE> - С помощью этого тега вставляется предварительно отформатированный текст <H1> </H1> - тег, определяющий заголовок документа. Послебуквы Н указывается уровень заголовка- от 1 до 5. Чем меньше цифра, тем больше шрифт, отображающий заголовок. <a href=«URL»> </a> - Создаёт гиперссылку на другие документы или часть текущего документа

Выбранный для просмотра документ Практическая работа 1 Создание веб страницы.doc

библиотека
материалов

Практическая работа №1

"Создание простейшей веб-страницы с использованием текстового редактора"

1. Откройте БЛОКНОТ и наберите следующий текст :

The World and The Internet

Мир и Интернет


<b><i>Система.i>b>

Что есть система?

Система

-это некоторое множество

элементов,

находящихся в отношениях и связях друг с другом, но при этом образующих определённую

целостность, единство.


<b><i>Наш мир.i>b>

Мир, в котором мы живём,- представляет ли он собой

<b><i>систему?i>b>

Каждый из нас, читающих эти строки, думает о своём. Для кого-то такой

мир

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

умеют понимать, договариваться друг с другом.

Может быть, мир, который представляет соьой систему, - это наш город? Элементы такого множества разнородны - это и отдельные горожане, и целые семьи, и более крупные общности людей, но систему они представляют собой потому, что образуют определённую целостность-

умеют понимать и договариваться друг с другом.

Как было бы прекрасно, если бы люди разных стран, регионов, национальностей,

умели понимать и договариваться друг с другом!

Тогда весь наш мир - наша

планета Земля

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

систему.

2. Сохранить страницу под именем praktika1.html

3. Теперь откройте созданную вами страницу с помощью Internet Explorer, обновив её вы увидите как выглядит ваша страничка в Internet Explorer.


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


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

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

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

Автор
Дата добавления 12.11.2015
Раздел Информатика
Подраздел Презентации
Просмотров357
Номер материала ДВ-149659
Получить свидетельство о публикации
Похожие материалы

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