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

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

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

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

SMM-менеджер

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

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

    1 слайд

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

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

    2 слайд

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

  • Структура html-документа:

 ... , 
 Заголовок . 

Контейнер обязательно содер...

    3 слайд

    Структура html-документа:


    <HTML> ... </HTML>,
    <HEAD> Заголовок </HEAD>.

    Контейнер обязательно содержит открывающий и закрывающий теги.

    <TITLE> ... </TITLE>
    <BODY> содержание </BODY>

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

    4 слайд







    Структура html-документа:

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

  • Основные тэги форматирования html-документа:
Заголовок страницы...

    5 слайд













    Основные тэги форматирования html-
    документа:

    Заголовок страницы Н1 (самый крупный) и до Н6 (самый мелкий)
    Если необходимо выровнять заголовок по краю, то это записывается следующим образом:

    <ALIGN = “RIGHT”> {выравнивание текста по правому краю}
    <ALIGN = “CENTER”> {выравнивание текста по центру}
    <ALIGN = “LEFT”> {выравнивание текста по левому краю}


    <H1 ALIGN = “RIGHT”> Все о компьютере </H1>

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

    6 слайд

    Основные тэги форматирования html-
    документа:

    Форматирование <FONT>...</FONT>
    При этом используя различные атрибуты:

    Атрибут FACE позволяет задать гарнитуру шрифта;
    Атрибут SIZE – размер шрифта (может принимать иметь значение в диапазоне от 1 до 7);
    Атрибут COLOR – цвет шрифта (можно задавать названием цвета (например, “red”, “green”, “blue” и так далее));

    <FONT SIZE = “7” FACE = “Arial” COLOR = “Blue> ... </FONT>

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

    7 слайд

    Основные тэги форматирования html-
    документа:

    Также можно задавать начертание текста или фрагмента текста:

    <B> текст </B> - полужирный шрифт;
    <I> текст </I> - начало текста курсивом;
    <U> текст </U> - подчёркивание;

    Комбинированное выделение
    <B><U> фрагмент текста </U></B>

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

    8 слайд

    Основные тэги форматирования 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 слайд

    Домашняя работа





    Выучит ВСЕ тэги и их атрибуты

Получите профессию

HR-менеджер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 663 765 материалов в базе

Скачать материал

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

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 04.10.2015 856
    • PPTX 208.9 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Сараева Екатерина Алексеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Сараева Екатерина Алексеевна
    Сараева Екатерина Алексеевна
    • На сайте: 8 лет и 6 месяцев
    • Подписчики: 1
    • Всего просмотров: 214262
    • Всего материалов: 80

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Технолог-калькулятор общественного питания

Технолог-калькулятор общественного питания

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Организация преподавания информационных систем и технологий в профессиональном образовании

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Этот курс уже прошли 75 человек

Курс повышения квалификации

Применение компьютерных моделей при обучении математике и информатике в рамках ФГОС ООО

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе
  • Сейчас обучается 49 человек из 28 регионов
  • Этот курс уже прошли 178 человек

Курс профессиональной переподготовки

Управление сервисами информационных технологий

Менеджер по управлению сервисами ИТ

600 ч.

9840 руб. 5600 руб.
Подать заявку О курсе
  • Сейчас обучается 26 человек из 19 регионов
  • Этот курс уже прошли 34 человека

Мини-курс

Анализ эффективности проектов

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Робототехника в школе: конструирование и программирование

6 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 48 человек из 22 регионов
  • Этот курс уже прошли 27 человек

Мини-курс

Психология общения: от многоплановости до эффективности

10 ч.

1180 руб. 590 руб.
Подать заявку О курсе
  • Сейчас обучается 49 человек из 29 регионов
  • Этот курс уже прошли 12 человек