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

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

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

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

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

ИнфоурокИнформатикаПрезентацииЯзык разметки гипертекста HTML. Создание простейшего HTML-документа. Форматирование текста

Язык разметки гипертекста HTML. Создание простейшего HTML-документа. Форматирование текста

библиотека
материалов
Язык разметки гипертекста HTML Создание простейшего HTML-документа. Форматиро...
Цели работы: познакомиться со структурой html-документа и на основе создать с...
Структура html-документа:  ... ,  Заголовок . Контейнер обязательно содержит...
Структура html-документа:  {начало страницы}  {описание страницы, заголовка}...
Основные тэги форматирования html- документа: Заголовок страницы Н1 (самый к...
Основные тэги форматирования html- документа: Форматирование ... При этом исп...
Основные тэги форматирования html- документа: Также можно задавать начертание...
Основные тэги форматирования html- документа: 		При создании html-документов...
Списки Ненумерованный список располагается внутри контейнера …, а каждый элем...
Домашняя работа Выучит ВСЕ тэги и их атрибуты

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

1 слайд Язык разметки гипертекста HTML Создание простейшего HTML-документа. Форматиро
Описание слайда:

Язык разметки гипертекста HTML Создание простейшего HTML-документа. Форматирование текста

2 слайд Цели работы: познакомиться со структурой html-документа и на основе создать с
Описание слайда:

Цели работы: познакомиться со структурой html-документа и на основе создать свою страницу; изучить основные тэги форматирования текста и использовать их при создании страницы

3 слайд Структура html-документа:  ... ,  Заголовок . Контейнер обязательно содержит
Описание слайда:

Структура html-документа: <HTML> ... </HTML>, <HEAD> Заголовок </HEAD>. Контейнер обязательно содержит открывающий и закрывающий теги. <TITLE> ... </TITLE> <BODY> содержание </BODY>

4 слайд Структура html-документа:  {начало страницы}  {описание страницы, заголовка}
Описание слайда:

Структура html-документа: <HTML> {начало страницы} <HEAD> {описание страницы, заголовка} <TITLE> название </TITLE> {имя страницы} </HEAD> {закрытый тэг описания заголовка} <BODY> {содержание страницы} текст </BODY> {закрытый тэг описания страницы} </HTML> {конец страницы}

5 слайд Основные тэги форматирования html- документа: Заголовок страницы Н1 (самый к
Описание слайда:

Основные тэги форматирования html- документа: Заголовок страницы Н1 (самый крупный) и до Н6 (самый мелкий) Если необходимо выровнять заголовок по краю, то это записывается следующим образом: <ALIGN = “RIGHT”> {выравнивание текста по правому краю} <ALIGN = “CENTER”> {выравнивание текста по центру} <ALIGN = “LEFT”> {выравнивание текста по левому краю} <H1 ALIGN = “RIGHT”> Все о компьютере </H1>

6 слайд Основные тэги форматирования html- документа: Форматирование ... При этом исп
Описание слайда:

Основные тэги форматирования html- документа: Форматирование <FONT>...</FONT> При этом используя различные атрибуты: Атрибут FACE позволяет задать гарнитуру шрифта; Атрибут SIZE – размер шрифта (может принимать иметь значение в диапазоне от 1 до 7); Атрибут COLOR – цвет шрифта (можно задавать названием цвета (например, “red”, “green”, “blue” и так далее)); <FONT SIZE = “7” FACE = “Arial” COLOR = “Blue> ... </FONT>

7 слайд Основные тэги форматирования html- документа: Также можно задавать начертание
Описание слайда:

Основные тэги форматирования html- документа: Также можно задавать начертание текста или фрагмента текста: <B> текст </B> - полужирный шрифт; <I> текст </I> - начало текста курсивом; <U> текст </U> - подчёркивание; Комбинированное выделение <B><U> фрагмент текста </U></B>

8 слайд Основные тэги форматирования html- документа: 		При создании html-документов
Описание слайда:

Основные тэги форматирования html- документа: При создании html-документов можно задавать и цвет самого фона страницы. Эта команда может задаваться только в начале HTML файла и не может быть изменена в дальнейшем. Ее параметры: BGCOLOR - определяет цвет фона документа, TEXT - задает цвет текста для всей страницы. Цвет также задается с помощью его названия (“red”, “green”, “blue”); <BODY BGCOLOR = “blue” TEXT = “red”> -

9 слайд Списки Ненумерованный список располагается внутри контейнера …, а каждый элем
Описание слайда:

Списки Ненумерованный список располагается внутри контейнера <UL>…</UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: “disc” (диск), “square” (квадрат), “circle” (окружность). Например,   (маркированный список, маркер в виде окружности) <UL TYPE = CIRCLE> <LI> текст </LI> <LI> текст </LI> <LI> текст </LI> </UL>

10 слайд Домашняя работа Выучит ВСЕ тэги и их атрибуты
Описание слайда:

Домашняя работа Выучит ВСЕ тэги и их атрибуты

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

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

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

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс «Оператор персонального компьютера»
Курс «1С: Предприятие 7.7»
Курс «3D Studio MAX»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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