СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до 26.06.2025

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Основы языка HTML

Категория: Информатика

Нажмите, чтобы узнать подробности

В данной презентации "Основы языка HTML" Вы можете найти понятия HTML-документов, тегов и атрибутов. Также как создаются HTML-документы, списки и таблицы HTML-документах. Рассмотреть примеры. 

Просмотр содержимого документа
«Основы языка HTML»

Основы языка HTML: тэги, атрибуты тэгов, списки, таблицы МОУ «Ропшинская школа» Хирьянова В.А.

Основы языка HTML: тэги, атрибуты тэгов, списки, таблицы

МОУ «Ропшинская школа»

Хирьянова В.А.

HTML-документ HTML-документ – это обычный текстовый документ, содержащий  специальные разметочные указатели (тэги). HTML-файл имеет расширение  .htm или .html

HTML-документ

  • HTML-документ – это обычный текстовый документ, содержащий специальные разметочные указатели (тэги).
  • HTML-файл имеет расширение .htm или .html
Теги Тэг –  инструкция браузеру, указывающая способ отображения текста.

Теги

  • Тэг – инструкция браузеру, указывающая способ отображения текста.
ПРАВИЛА ЗАПИСИ ТЭГОВ   Тэг всегда начинается со знака «меньше» ()   Например:

ПРАВИЛА ЗАПИСИ ТЭГОВ

  • Тэг всегда начинается со знака «меньше» () Например:
Виды тегов Одиночный 2. Парный (контейнер)  открывающий   закрывающий

Виды тегов

  • Одиночный 2. Парный (контейнер)

открывающий

закрывающий

СТРУКТУРНЫЕ ТЭГИ Всё содержимое файла Интернет-страницы заключается в контейнер …, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать.

СТРУКТУРНЫЕ ТЭГИ

  • Всё содержимое файла Интернет-страницы заключается в контейнер …, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать.
СТРУКТУРНЫЕ ТЭГИ  начало контейнера HTML-документа   начало контейнера заголовка    начало контейнера строки – названия страницы   … строка названия страницы    конец контейнера строки – названия страницы   конец контейнера заголовка   начало контейнера тела страницы  … тело (всё содержимое) страницы   конец контейнера тела страницы  конец контейнера HTML-документа

СТРУКТУРНЫЕ ТЭГИ

начало контейнера HTML-документа

начало контейнера заголовка

начало контейнера строки – названия страницы

строка названия страницы

конец контейнера строки – названия страницы

конец контейнера заголовка

начало контейнера тела страницы

тело (всё содержимое) страницы

конец контейнера тела страницы

конец контейнера HTML-документа

Рассмотрим пример

Рассмотрим пример

Списки в HTML-документах

Списки в HTML-документах

Списки в HTML-документах могут быть следующих видов: Неупорядоченные (маркированные) списки Упорядоченные (нумерованный) списки Многоуровневые списки

Списки в HTML-документах могут быть следующих видов:

  • Неупорядоченные (маркированные) списки
  • Упорядоченные (нумерованный) списки
  • Многоуровневые списки
Неупорядоченные (маркированные) списки   Необходим следующий HTML-код:    Первый элемент   Второй элемент   Третий элемент   Например, для того чтобы создать вот такой список: Первый элемент Второй элемент Третий элемент Текст нужно расположить между тэгами  и . А каждый новы элемент начинается с метки

Неупорядоченные (маркированные) списки

Необходим следующий HTML-код:

  • Первый элемент

  • Второй элемент

  • Третий элемент

Например, для того чтобы создать вот такой список:

  • Первый элемент
  • Второй элемент
  • Третий элемент

Текст нужно расположить между тэгами

    и
.

А каждый новы элемент начинается с метки

  • Атрибуты тэга  TYPE определяет вид маркера. Может иметь значения: disk - закрашенный кружок square – закрашенный квадратик circle – не закрашенный кружок По умолчанию используется type=‘’disc’’ Пример написания:

    Атрибуты тэга

      TYPE определяет вид маркера. Может иметь значения:

      disk - закрашенный кружок

      square – закрашенный квадратик

      circle – не закрашенный кружок

      По умолчанию используется type=‘’disc’’

      Пример написания: