450619
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 1.410 руб.;
- курсы повышения квалификации от 430 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 90%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до конца апреля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

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

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

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

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

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

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.

Общая информация

Номер материала: ДВ-149659

Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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