Инфоурок Информатика ПрезентацииРазработка Web-сайтов с использованием языка разметки HTML

Разработка Web-сайтов с использованием языка разметки HTML

Скачать материал
Скачать материал "Разработка Web-сайтов с использованием языка разметки HTML"

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

HR-менеджер

за 6 месяцев

Пройти курс

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

Скачать

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

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

Директор по маркетингу

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

  • Разработка Web-сайтов с использованием языка разметки HTML.

    1 слайд

    Разработка Web-сайтов с использованием языка разметки HTML.

  • Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Tex...

    2 слайд

    Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом в 1989 году.
    Код страницы набирается в любом текстовом редакторе (например, Блокнот) и оформляется с помощью команд языка HTML. Тестируются HTML-файлы с помощью любого браузера. Формат Web-страниц: *.htm или *.html.

  • Команды HTML задаются с помощью специальных элементов – тегов, которые заключ...

    3 слайд

    Команды HTML задаются с помощью специальных элементов – тегов, которые заключаются в угловые скобки.
    Типы тегов:
    Непарные, например, <BR> - тег перевода строки.
    Парные, <B> класс </B> - выделение слова «класс» полужирным шрифтом.
    Признаком окончания действия парного тега является слэш /.

  • Структура программы на языке HTML:

	
		 
                                Заг...

    4 слайд

    Структура программы на языке HTML:
    <html>
    <head>
    <title>
    Заголовок документа
    </title>
    </head>
    <body>
    … Тело документа
    </body>
    </html>
    Программа

  • … - первый тег, который должен 				находиться в  любом HTML 				документе.
…...

    5 слайд

    <html>…</html> - первый тег, который должен находиться в любом HTML документе.
    <head>…</head> - определяет заголовок страницы, содержит справочную информацию.
    <title>… </title> - определяет название страницы, которое будет выведено в строке заголовка браузера.
    <body>… </body> - определяет содержимое страницы, выводимое на экран.

  • … - тег абзаца
… - тег заголовка
	H1 – самый большой размер шрифта
	H6 – самы...

    6 слайд

    <P>…</P> - тег абзаца
    <H…>…</H…> - тег заголовка
    H1 – самый большой размер шрифта
    H6 – самый маленький размер
    <HR> - тег проведения горизонтальной линии.
    <FONT>…</FONT> - тег задания шрифта.
    <UL>…</UL> тег неупорядоченного списка.
    <LI> - элементы списка.

  • АтрибутыВыравнивание текста:
align=“center”- по центру
align=“right” – по пра...

    7 слайд

    Атрибуты
    Выравнивание текста:
    align=“center”- по центру
    align=“right” – по правому краю
    align=“left”- по левому краю

  •  Выделение фрагментов текста:
… - полужирный
… - курсив
… - подчеркнутый

    8 слайд


    Выделение фрагментов текста:
    <b>…</b> - полужирный
    <i>…</i> - курсив
    <u>…</u> - подчеркнутый

  • АтрибутыАтрибуты шрифта:
Color=“#...” – изменяет цвет шрифта, вместо точек –...

    9 слайд

    Атрибуты
    Атрибуты шрифта:
    Color=“#...” – изменяет цвет шрифта, вместо точек – название цвета на английском языке или шестнадцатеричный код.
    Face=“Arial” – изменяет название шрифта.

  • На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.
 - т...

    10 слайд

    На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.
    <IMG> - тег графических изображений.
    SRC – атрибут, указывающий на место хранения графического файла.
    <IMG SRC=“computer. gif”>
    ALT – атрибут пояснительного текста.
    <IMG SRC=“computer. gif” ALT=“компьютер”>

  • ALIGN – атрибут расположения рисунка 	относительно текста.
TOP - верх
MIDDLE...

    11 слайд

    ALIGN – атрибут расположения рисунка относительно текста.
    TOP - верх
    MIDDLE - середина
    BOTTOM - низ
    LEFT - слева
    RIGT – справа
    <IMG SRC=“computer. gif” ALT=“компьютер” ALIGN= “right”>


  • Гиперссылкиуказатель

    12 слайд

    Гиперссылки
    <A HREF=“адрес”>указатель</A>

  • -цвет текста
-цвет фона
-фоновая картинка
… -бегущая строка
Height=“16”-высот...

    13 слайд

    <body text=“#000000”>-цвет текста
    <body bgcolor=“#000000”>-цвет фона
    <body background=File.gif>-фоновая картинка
    <marquee>… </marquee>-бегущая строка
    Height=“16”-высота строки
    Width=“250”-ширина строки
    Vspase=“10”-вертикальное расстояние от бегущей строки до текста
    Hspase=“20”-горизонтальное расстояние от бегущей строки до текста
    Loop=“2”-повтор движений строки
    Direction=“left”-направление движения
    Behavior=“scroll”-повтор движений строки
    Scrollamount=“1”- скорость движения(от 1 до 10)

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

Интернет-маркетолог

за 6 месяцев

Пройти курс

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

Скачать

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

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

6 654 908 материалов в базе

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

Другие материалы

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

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

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

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

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

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

    Ткачева Екатерина Анатольевна
    Ткачева Екатерина Анатольевна
    • На сайте: 8 лет и 4 месяца
    • Подписчики: 0
    • Всего просмотров: 6912
    • Всего материалов: 10

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

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

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

Менеджер по туризму

Менеджер по туризму

500/1000 ч.

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

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

Информатика: теория и методика преподавания в образовательной организации

Учитель информатики

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 490 человек из 72 регионов
  • Этот курс уже прошли 1 515 человек

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

Использование нейросетей в учебной и научной работе: ChatGPT, DALL-E 2, Midjourney

36/72 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 605 человек из 76 регионов
  • Этот курс уже прошли 940 человек

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

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

72 ч. — 180 ч.

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

Мини-курс

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

10 ч.

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

Мини-курс

Продажи и самопрезентация в социальных сетях

5 ч.

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

Мини-курс

Психология обучения и развития детей: от садика до школы

4 ч.

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