Меню
Разработки
Разработки  /  Информатика  /  Презентации  /  Прочее  /  Основные теги HTML

Основные теги HTML

Презентация "Основные теги HTML" поможет освоить навыки написания страниц а затем и сайта.

06.01.2018

Содержимое разработки

Основные теги HTML

Основные теги HTML

Cтруктура HTML -документа  (основные разделы)        Служебная информация       информация о имени страницы                  Web документ

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

(основные разделы)

Служебная информация

информация о имени страницы

Web документ

– без изменения исходного текста – горизонтальная линия – полужирный шрифт парные тэги " width="640"

Команды (тэги (tags) )

Написание текста

– изменение размера шрифта

N  [1…6]

– команда перевода строки

– новый абзац

– без изменения исходного текста

– горизонтальная линия

– полужирный шрифт

парные тэги

– усиленное выделение – отображает весь текст в одной строке, не обрывая её " width="640"

– курсив

– подчёркивание

– выделение

– усиленное выделение

– отображает весь текст в одной строке, не

обрывая её

 Отступы и списки    –  отступ    –  возврат    – начало нумерованного списка    –  конец нумерованного списка     –  элемент нумерованного или    маркированного списка     –  начало маркированного списка     –  конец маркированного списка

Отступы и списки

    – отступ

– возврат

    – начало нумерованного списка

– конец нумерованного списка

  • – элемент нумерованного или

    маркированного списка

    – начало маркированного списка

    – конец маркированного списка

     Таблицы    –  начало таблицы    –  конец таблицы    –  начало заголовка таблицы    –  конец  заголовка таблицы     –  начало заголовка столбца или строки     –  конец заголовка столбца или строки     –  начало строки     –  конец строки      –  начало столбца     –  конец столбца

    Таблицы

    – начало таблицы

    – конец таблицы

    – начало заголовка таблицы

    – конец заголовка таблицы

    – начало заголовка столбца или строки

    – конец заголовка столбца или строки

    – начало строки

    – конец строки

    – начало столбца

    – конец столбца

    вставка картинки из файла Вставка гипертекстовых ссылок = “ имя файла. расширение “ активный текст ссылка на другой HTML- документ или файл (звуковой или видеоклип) = “# имя метки “ активный текст ссылка на метку в текущем HTML- документе " width="640"

    Вставка графических изображений

    IMG SRC = имя файла. расширение вставка картинки из файла

    Вставка гипертекстовых ссылок

    = “ имя файла. расширение активный

    текст

    ссылка на другой HTML- документ или файл

    (звуковой или видеоклип)

    = “# имя метки активный

    текст

    ссылка на метку в текущем HTML- документе

    активный текст ссылка на метку в другом HTML- документе = “ имя “ активный тек ст метка для двух указанных выше типов ссылок = “ имя файла “ IMG SCR =“ графическое изображение “активный текст ссылка в виде графического изображения Атрибуты (использующиеся в тэге ) LINK = “ цвет “ определяет цвет ссылки, которой ещё не пользовались VLINK = “ цвет “ определяет цвет ссылки, на которой уже щёлкали ALINK = “ цвет “ определяет цвет ссылки в момент щелчка " width="640"

    = имя файла. Расширение # имя активный текст ссылка на метку в другом HTML- документе

    = имя активный тек ст метка для двух указанных выше типов ссылок

    = имя файла IMG SCR =“ графическое

    изображение “активный

    текст

    ссылка в виде графического изображения

    Атрибуты (использующиеся в тэге )

    LINK = цвет

    определяет цвет ссылки, которой ещё не пользовались

    VLINK = цвет

    определяет цвет ссылки, на которой уже щёлкали

    ALINK = цвет

    определяет цвет ссылки в момент щелчка

          Атрибуты дополняют тэги, позволяя описывать внешний вид части страницы, окружённой тэгами.  LEFT  ALIGN =  RIGHT      CENTER  Позволяет выравнивать текст по левому, правому краю или по центру соответственно. Используется в тэгах , .  Например:   .   LEFT  CLEAR =  RIGHT       ALL  Используется, чтобы  установить в указанной точке обтекание текстом объекта слева, справа или без обтекания соответственно.  Используется в тэге .

    Атрибуты

    дополняют тэги, позволяя описывать внешний вид части страницы,

    окружённой тэгами.

    LEFT

    ALIGN = RIGHT

    CENTER

    Позволяет выравнивать текст по левому, правому краю

    или по центру соответственно. Используется в тэгах

    , .

    Например:

    .

    LEFT

    CLEAR = RIGHT

    ALL

    Используется, чтобы установить в указанной точке обтекание текстом объекта слева, справа или без обтекания соответственно. Используется в тэге
    .

      BORDER =  число в пикселах     Определяет рамку вокруг изображения. Используется тэгом .   HSPACE =  число в пикселах   VSPACE =  число в пикселах     Определяют горизонтальный и вертикальный отступы вокруг изображения. Используется тэгом .

    BORDER = число в пикселах

    Определяет рамку вокруг изображения. Используется тэгом .

    HSPACE = число в пикселах

    VSPACE = число в пикселах

    Определяют горизонтальный и вертикальный отступы вокруг изображения. Используется тэгом .

    – смена цвета текста red green black maroon ( тёмно-красный) olive navy (синий) aqua ( морской волны) purple ( фиолетовый) teal ( зеленовато-синий) lime ( известковый) fuchsia ( ярко-малиновый) silver (серебристый) white yellow blue gray " width="640"

    Шрифты

    – увеличение шрифта текста относительно текущего

    – уменьшение шрифта текста

    название цвета – смена цвета текста

    red green

    black maroon ( тёмно-красный)

    olive navy (синий)

    aqua ( морской волны) purple ( фиолетовый) teal ( зеленовато-синий) lime ( известковый)

    fuchsia ( ярко-малиновый) silver (серебристый) white yellow

    blue gray

    – смена гарнитуры шрифта. Например: . размер шрифта – позволяет задавать размер шрифта в данной области, используется в середине строки, т.к. после окончания своего действия не разбивает строку. Например: . " width="640"

    название шрифта – смена гарнитуры

    шрифта.

    Например: .

    размер шрифта – позволяет задавать

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

    строки, т.к. после окончания своего действия не разбивает

    строку.

    Например: .

     Атрибуты тэгов для списков (маркированных и нумерованных)      DISC  TYPE =  CIRCLE     SQUARE  Позволяет задавать тип маркера в произвольном месте текста.    Например:         первый элемент списка      второй элемент списка

    Атрибуты тэгов для списков (маркированных и

    нумерованных)

    DISC

    TYPE = CIRCLE

    SQUARE

    Позволяет задавать тип маркера в произвольном месте текста. Например:

    • первый элемент списка

    • второй элемент списка

          Text   Form     Audio   Home  DINGBAT =   Folder   Next     Disc drive  Previous  Позволяет создавать специальные типографские символы-картинки в качестве маркеров в списках.   Например:          1  1,2,3,...  TYPE =  A  A,B,C,…     a a,b,c,…     I I,II,III,...    Позволяет использовать в качестве маркеров цифры и буквы.

    Text Form

    Audio Home

    DINGBAT = Folder Next

    Disc drive Previous

    Позволяет создавать специальные типографские символы-картинки в качестве маркеров в списках.

    Например:

  • 1 1,2,3,...

    TYPE = A A,B,C,…

    a a,b,c,…

    I I,II,III,...

    Позволяет использовать в качестве маркеров цифры и буквы.

    – нумерация будет начинаться с буквы E и будет продолжаться далее по алфавиту. " width="640"

    Например:

      SKIP = значение

      П озволяет в середине нумерованного списка пропустить

      заданное число пунктов нумерации.

      Например:

    1. – пропустит четыре следующих пункта.

      START = значение

      Используется для указания того, с какого места в заданном

      типе нумерации начать нумерованный список.

      Например:

      OL TYPE =A START=5 – нумерация будет начинаться с

      буквы E и будет продолжаться далее по алфавиту.

       Атрибуты тэгов для создания таблиц     BORDER =  ширина границы      Позволяет  задавать  ширину внешней границы таблицы в пикселах или в % .  Например:       CELLSPACING =  ширина границы      Позволяет  задавать  ширину фронтальной грани таблицы в пикселах или в %.  Например:     CELLPADDING =  ширина    Позволяет  задавать  ширину пустого пространства между содержимым ячейки и её границами.  Например:

      Атрибуты тэгов для создания таблиц

      BORDER = ширина границы

      Позволяет задавать ширину внешней границы таблицы в пикселах или в % .

      Например:

      CELLSPACING = ширина границы

      Позволяет задавать ширину фронтальной грани таблицы в пикселах или в %.

      Например:

      CELLPADDING = ширина

      Позволяет задавать ширину пустого пространства между содержимым ячейки и её границами.

      Например:

           COLSPAN =  количество ячеек      Позволяет  растягивать строку на заданное количество ячеек (как бы объединять их).  Например:     ROWSPAN =  количество строк     Позволяет  растягивать ячейку на заданное количество строк.  Н апример:

      COLSPAN = количество ячеек

      Позволяет растягивать строку на заданное количество ячеек (как бы объединять их).

      Например:

      MARQUEE Используется для создания бегущей строки. TOP ALIGN = MIDDLE BOTTOM Позволяет разместить текст в верхней, средней или нижней части области бегущей строки. SCROLL прокрутка циклическая BEHAVIOR = SLIDE выход и остановка ALTERNATE прыжки Используется, чтобы установить режим вывода строки. " width="640"

      Бегущая строка

      MARQUEE

      MARQUEE

      Используется для создания бегущей строки.

      TOP

      ALIGN = MIDDLE

      BOTTOM

      Позволяет разместить текст в верхней, средней или нижней

      части области бегущей строки.

      SCROLL прокрутка циклическая

      BEHAVIOR = SLIDE выход и остановка

      ALTERNATE прыжки

      Используется, чтобы установить режим вывода строки.

        BGCOLOR =  название цвета   Используется для определения цвета фона бегущей строки.     DIRECTION =  LEFT              RIGHT   Используется для определения направления бегущей строки.   n  текст пробегает по экрану n раз    LOOP = INFINITE  бесконечно ( по умолчанию)   Используется для определения повторений бегущей строки .       WIDTH =  в пикселах или в % от высоты экрана    Позволяет сделать область бегущей строки длиннее  или короче.

      BGCOLOR = название цвета

      Используется для определения цвета фона бегущей строки.

      DIRECTION = LEFT RIGHT

      Используется для определения направления бегущей строки.

      n текст пробегает по экрану n раз

      LOOP = INFINITE бесконечно ( по умолчанию)

      Используется для определения повторений бегущей строки .

      WIDTH = в пикселах или в % от высоты экрана

      Позволяет сделать область бегущей строки длиннее

      или короче.

       HEIGHT =  высота бегущей строки в пикселах или     в % от высоты экрана.  Позволяет сделать область бегущей строки толще или  тоньше.   HSPACE =  ширина в пикселях левого и правого полей     между областью бегущей строки и  окружающим её текстом или графикой.   VSPACE =  размер отступа в пикселях сверху и снизу     от бегущей строки до текста или графики.  SCROLLAMOUNT =  скорость перемещения текста       [1…3000]    –  мигание объекта

      HEIGHT = высота бегущей строки в пикселах или

      в % от высоты экрана.

      Позволяет сделать область бегущей строки толще или

      тоньше.

      HSPACE = ширина в пикселях левого и правого полей

      между областью бегущей строки и

      окружающим её текстом или графикой.

      VSPACE = размер отступа в пикселях сверху и снизу

      от бегущей строки до текста или графики. SCROLLAMOUNT = скорость перемещения текста [1…3000]

      – мигание объекта

      Атрибуты изменение фона    BGCOLOR =  “ цвет ”       Позволяет изменить фоновый цвет станицы, используется тэгом .  Например:    BACKGROUND =  “ имя файла ”  Позволяет использовать в качестве фона изображение из файла.  BGPROPERTIES = FIXED  Позволяет создать «водяной знак» (фон, который не перемещается вместе с текстом).  Например:

      Атрибуты изменение фона

      BGCOLOR = “ цвет ”

      Позволяет изменить фоновый цвет станицы, используется тэгом .

      Например:

      BACKGROUND = “ имя файла ”

      Позволяет использовать в качестве фона изображение из

      файла.

      BGPROPERTIES = FIXED

      Позволяет создать «водяной знак» (фон, который не перемещается вместе с текстом).

      Например:

      Позволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга ). FRAME Позволяет определить отдельный кадр. Атрибуты ROWS = “ширина части,...” Позволяет определить число и размер строк. Например: COLS = “ширина части,...” Позволяет определить число и размер столбцов. " width="640"

      Кадры ( frames) ( позволяют разбивать страницу на независемые окна)

      FRAMESET

      Позволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга ).

      FRAME

      Позволяет определить отдельный кадр.

      Атрибуты

      ROWS = “ширина части,...”

      Позволяет определить число и размер строк.

      Например:

      COLS = “ширина части,...”

      Позволяет определить число и размер столбцов.

      YES SCROLLING = NO AUTO Позволяет задать линейки прокрутки. MARGINWIDTH = “ значение ” MARGINHIGHT = “ значение ” Позволяет задать внутреннюю границу кадра. " width="640"

      Например:

      SRC = “ имя файла ”

      Позволяет вставить картинку или страницу в кадр.

      Например:

      остав. html”

      YES

      SCROLLING = NO

      AUTO

      Позволяет задать линейки прокрутки.

      MARGINWIDTH = “ значение ”

      MARGINHIGHT = “ значение ”

      Позволяет задать внутреннюю границу кадра.

      -имя кадра загружает указанный файл в кадр - blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов -parent в старший кадр -top в новое окно, разрушая страницу кадров Используется для ссылок в кадр. " width="640"

      Атрибуты рамки кадра

      BORDER = число

      YES

      FRAMEBORDER = NO

      BORDERCOLOR = “ цвет ”

      NAME = “имя”

      Позволяет задать имя кадра.

      Например:

      СОСТАВ .html” NAME =“MAIN”

      -имя кадра загружает указанный файл в кадр

      - blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов

      -parent в старший кадр

      -top в новое окно, разрушая страницу кадров

      Используется для ссылок в кадр.

      ТЕКСТ NORESIZE Запрещает изменение кадровой структуры. Подключение звукового файла = “ имя файла ” n LOOP = INFINITE Например: BLIP .WAV” Подключение видеофайла = “ имя файла ” n LOOP = INFINITE " width="640"

      Например:

      ГАЗЕТА.html ” TARGET =“MAIN ” ТЕКСТ NORESIZE

      Запрещает изменение кадровой структуры.

      Подключение звукового файла

      = имя файла

      n

      LOOP = INFINITE

      Например:

      BLIP .WAV”

      Подключение видеофайла

      = имя файла

      n

      LOOP = INFINITE

      Карты   Это такие изображения, отдельные части которых связаны со ссылками и позволяют выполнять переходы.      Позволяет определить карту. Внутри него определяются области карты при помощи элементов AREA  и задаётся имя карты при помощи атрибута name .  name=“ имя ”    Для каждой области карты должен быть создан свой элемент  AREA ,  который должен включать атрибут, определяющий ссылку:  HREF=“адрес ссылки”

      Карты

      Это такие изображения, отдельные части которых связаны со ссылками и позволяют выполнять переходы.

      Позволяет определить карту. Внутри него определяются области карты при помощи элементов AREA и задаётся имя карты при помощи атрибута name .

      name=“ имя

      Для каждой области карты должен быть создан свой элемент AREA , который должен включать атрибут, определяющий ссылку:

      HREF=“адрес ссылки”

      Атрибуты, определяющие форму области на карте         rect (x,y)(x1,y1)  Shape = poly (x,y)(x1,y1) ...      circle (x,y),r      point(x,y)        Coords = “ , , , ,…”  usemap  –  определяет имя карты; это имя ставится в соответствии со значением соответствующих атрибутов, которые определяют карту   usemap = “ #имя ”  alt  –  атрибут для задания текста, заменяющего изображение карты, не является обязательным   alt = “ Текст подсказки ”

      Атрибуты, определяющие форму области на карте

      rect (x,y)(x1,y1)

      Shape = poly (x,y)(x1,y1) ...

      circle (x,y),r

      point(x,y)

      Coords = “ , , , ,…”

      usemap – определяет имя карты; это имя ставится в соответствии со значением соответствующих атрибутов, которые определяют карту

      usemap = #имя

      alt – атрибут для задания текста, заменяющего изображение карты, не является обязательным

      alt = Текст подсказки

      " width="640"

      Например:

      Переход к карте 1 ” shape =“circle” coords =“256,126,35”

      href =“#sts.htm”

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

      Организация и сопровождение олимпиадной деятельности учащихся

      Продолжительность 72 часа
      Документ: Удостоверение о повышении квалификации
      4000 руб.
      800 руб.
      Подробнее
      Скачать разработку
      Сохранить у себя:
      Основные теги HTML (845.5 KB)

      Комментарии 0

      Чтобы добавить комментарий зарегистрируйтесь или на сайт

      Вы смотрели

      Учителю!
      Огромная база учебных материалов на каждый урок с возможностью удаленного управления
      Тесты, видеоуроки, электронные тетради

      ROWSPAN = количество строк

      Позволяет растягивать ячейку на заданное количество строк.

      Н апример: