HTML 5

Card Set Information

Author:
artembs
ID:
226520
Filename:
HTML 5
Updated:
2013-07-13 22:12:55
Tags:
HTML
Folders:

Description:
HTML 5
Show Answers:

Home > Flashcards > Print Preview

The flashcards below were created by user artembs on FreezingBlue Flashcards. What would you like to do?


  1. Тег добавляет комментарий в код документа
    <!-- текст -->
  2. Тэг указания типа текущего документа
    Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать <!DOCTYPE>
  3. Тэг для создания ссылок
    • Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.Синтаксис<a href="URL">...</a>
    • <a name="идентификатор">...</a>
  4. Атрибут к <a> позволяющий активировать ссылку с помощью некоторого сочетания клавиш
    • Атрибут accesskey позволяет активировать ссылку с помощью некоторого сочетания клавиш с заданной в коде ссылки буквой или цифрой. Браузеры при этом используют различные комбинации клавиш. Например, для accesskey="s" работают следующие сочетания.
    • Internet Explorer: Alt + S.
    • Chrome: Alt + S
    • Opera: Shift + Esc, S
    • Safari: Alt + S
    • Firefox: Shift + Alt + S

    Синтаксис<a accesskey="c">...</a>
  5. Атрибут к <a> Используется для указания кодировки текста, на который ведет ссылка.
    Синтаксис<a charset="кодировка">...</a>

    Наименование кодировки (utf-8, windows-1251).
  6. Атрибут к <a> применяется к ссылкам, которые располагаются внутри контейнера <object>
    • Атрибут coords применяется к ссылкам, которые располагаются внутри контейнера <object>. Совместно с атрибутом shapeсоздает «горячую область», которая служит ссылкой. По своему действию похож на тег <area>
    • HTML
    • <object usemap="#идентификатор">
    • <map name="идентификатор">
    • <a href="URL" coords="координаты">...</a>
    • </map>
    • </object>

    • XHTML
    • <object usemap="#идентификатор">
    • <map id="идентификатор" name="идентификатор">
    • <p><a href="URL" coords="координаты">...</a></p>
    • </map>
    • </object>

    • Набор координат определяется формой «горячей области», которая задается атрибутом shape. Отсчет координат обычно ведется от левого верхнего угла объекта или изображения и указывается в пикселах.Для прямоугольника (shape="rect") определяется четыре координаты — X1, Y1, X2, Y2,
    • Для окружности (shape="circle") определяется три координаты — координаты центра окружности (X, Y) и ее радиус (R)
    • Для полигона (многоугольника) (shape="poly") последовательно указываются координаты каждой вершины (X1, Y1, X2, Y2, :)
  7. Атрибут к <a> задает адрес документа, на который следует перейти
    • href
    • Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибута target.
    • <a href="URL">...</a>
  8. Атрибут к <a> указывает язык документа, на который ведет ссылка.
    <a hreflang="язык">...</a>
  9. Атрибут к <a> указывает тип носителя документа, на который ведёт ссылка, например, экран монитора, принтер, смартфон и др.
    • <a media="<медиа-запрос>">...</a>
    • Также в качестве значения может быть медиа-запрос, расширяющий тип документа и уточняющий технические параметры устройства.
  10. Атрибут к <a> используется для определения якоря внутри страницы
    • name
    • Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи атрибута name тега <a>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.Между тегами <a name=...> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
    • <p><a name="top"></a></p>
    • <p style="height:3000px;">Здесь много-много текста.
    • Прокручивай его вниз. </p>
  11. <p><a href="#top">Наверх</a></p>
  12. Атрибут к <a> определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href
    Несмотря на то, что браузеры в большинстве своем не поддерживают атрибут rel, на сайтах часто можно встретить код rel="nofollow", предназначенный для поисковых систем Google и Яндекс. Ссылки, помеченные таким образом, не передают PageRank и ТИЦ.
  13. <a rel=Ответ на вопрос.
    answer
  14. <a rel=Раздел или глава текущего документа.
    chapter
  15. <a rel=Ссылка на страницу коллеги по работе
    co-worker
  16. <a rel=Ссылка на страницу коллеги (не по работе).
    colleague
  17. <a rel=Ссылка на страницу с контактной информацией.
    contact
  18. <a rel=Ссылка на страницу с подробностями.
    details
  19. <a rel=Редактируемая версия текущего документа.
    edit
  20. <a rel=Ссылка на страницу друга.
    friend
  21. <a rel=Вопрос.
    question
  22. <a rel=Ссылка на архив сайта.
    archives
  23. <a rel=Ссылка на страницу об авторе на том же домене.
    author
  24. <a rel=Постоянная ссылка на раздел или запись.
    bookmark
  25. <a rel=Ссылка на первую страницу.
    first
  26. <a rel=Ссылка на документ со справкой.
    help
  27. <a rel=Ссылка на содержание.
    index
  28. <a rel=Ссылка на последнюю страницу.
    last
  29. <a rel=Ссылка на страницу с лицензионным соглашением или авторскими правами.
    license
  30. <a rel=Ссылка на страницу автора на другом домене.
    me
  31. <a rel=Ссылка на следующую страницу или раздел.
    next
  32. <a rel=Не передавать по ссылке ТИЦ и PR.
    nofollow
  33. <a rel=Не передавать по ссылке HTTP-заголовки.
    noreferrer
  34. <a rel=Указывает, что надо заранее кэшировать указанный ресурс.
    prefetch
  35. <a rel=Ссылка на предыдущую страницу или раздел.
    prev
  36. <a rel=Ссылка на поиск.
    search
  37. <a rel=Добавить ссылку в избранное браузера.
    sidebar
  38. <a rel=Указывает, что метка (тег) имеет отношение к текущему документу.
    tag
  39. <a rel=Ссылка на родительскую страницу.
    up
  40. Атрибут к <a> является обратным к rel и описывает, чем является текущий документ по отношению к странице, на которую ведет ссылка.
    • rev
    • <a href="index.html" rel="Главная страница" rev="Дочерняя страница">
  41. Атрибут к <a> определяет на изображении тип активной области, которая служит ссылкой
    • shape
    • Применяется к тегу <a> когда он располагается внутри<object>.
    • <a href="URL"shape="circle | default | poly | rect">...</a>

    • circle Область в виде круга
    • default Область по умолчанию (прямоугольная)
    • poly Полигональная область произвольной формы
    • rect Прямоугольная область.
  42. Атрибут к <a> определяет последовательность перехода между ссылками при нажатии на кнопку Tab
    • Атрибут tabindex 
    • <p><a href="1.html" tabindex="1">Ссылка 1</a></p>
    • <p><a href="3.html" tabindex="3">Ссылка 3</a></p>
    • </td>
    • <td>
    • <p><a href="2.html" tabindex="2">Ссылка 2</a></p>
    • <p><a href="4.html" tabindex="4">Ссылка 4</a></p>
  43. Атрибут к <a> По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено
    • Синтаксис<a target="имя окна">...</a>
    • В качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
    • _blank Загружает страницу в новое окно браузера.
    • _self Загружает страницу в текущее окно.
    • _parent Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
    • _top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.
    • Значение по умолчанию_self
  44. Атрибут к <a> Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.
    <a title="текст">...</a>
  45. Атрибут к <a> Устанавливает MIME-тип документа, на который указывает ссылка. Этот атрибут носит рекомендательный характер и может использоваться для стилизации ссылок с заданным типом документа. Атрибут должен добавляться только при наличии атрибута href.
    • Атрибут type
    • <p><a href="video/snowman.mp4" type="video/mp4">Ссылка на видеоролик</a></p>
  46. Тег указывает, что последовательность символов является аббревиатурой.
    Тег <abbr>. С помощью атрибута title дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа.По умолчанию, текст заключенный в контейнере <abbr> подчеркивается пунктирной линией.
  47. Атрибут к <abbr> Оно отображается на веб-странице в виде всплывающей подсказки при наведении курсора мыши на аббревиатуру.
    • title
    • Расширенное описание элемента. Оно отображается на веб-странице в виде всплывающей подсказки при наведении курсора мыши на аббревиатуру.
    • <abbr title="текст">...</abbr>
  48. Тег указывает на то, что текст является акронимом
     <acronym> В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово. К акронимам, например, можно отнести следующие слова: СПИД, ликбез, замполит, США, DOS и др.По умолчанию, текст заключенный в контейнере <acronym> подчеркивается пунктирной линией.
  49. Тег предназначен для хранения информации об авторе и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т.д
    <address> Планируется, что поисковые системы будут анализировать содержимое этого тега для сбора информации об авторах сайтов.По умолчанию текст внутри контейнера <address> отображается курсивным начертанием. Если эта особенность не требуется, используйте стили для изменения начертания шрифта.
  50. Каждый элемент тэга определяет активные области изображения, которые являются ссылками. Рисунок с привязанными к нему активными областями называется в совокупности картой-изображением.
    • <area>Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой. Тег <area> задает форму области, ее размеры, устанавливает адрес документа, на который следует сделать ссылку, а также имя окна или фрейма, куда браузер будет загружать документ. Этот тег всегда располагается в контейнере <map>, который связывает координаты областей с изображением.Несколько областей могут перекрывать друг друга, сверху будет та, которая в коде HTML располагается выше.
    • <map>
    • <area href="URL">
    • </map>
  51. Атрибут к <area> позволяет перейти к активной области изображения с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой.
    •  accesskey
    • Браузеры при этом используют различные комбинации клавиш. Например, для accesskey="s" работают следующие сочетания.
    • Internet Explorer: Alt + S
    • Chrome: Alt + S
    • Opera: Shift + Esc, S
    • Safari: Alt + S
    • Firefox: Shift + Alt + S
  52. Атрибут к <area> устанавливает альтернативный текст для области изображения. Такой текст отображается в виде всплывающей подсказки при наведении курсора мыши на область.
    • alt
    • <area alt="текст">
  53. Атрибут к <area> устанавливает координаты области, она также называется «горячая область». Такая область может быть ссылкой на файл или связана с действием, определяемым скриптом.
    • Атрибут coords
    • Значения координат представляют собой набор чисел, разделенных запятыми. Если две области перекрываются между собой, приоритет имеет та, которая определена в коде HTML выше.
    • <area coords="координата 1, координата 2, координата 3, ...">
  54. Атрибут к <area> Задает адрес документа, на который следует перейти.
    • Атрибут href
    • Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибута target.
    • <area href="URL">
  55. Атрибут к <area> Указывает язык документа, на который ведёт ссылка активной области изображения.
    • Атрибут hreflang
    • <map>
    • <area href="URL" hreflang="язык">
    • </map>
  56. Атрибут к <area> Этот атрибут сообщает браузеру, что «горячая область» не является ссылкой.
    • Атрибут nohref
    • При этом атрибут href не должен включаться.
    • <area nohref>
  57. Атрибут к <area> Определяет форму «горячей области», координаты которой задаются с помощью атрибута coords.
    • Атрибут shape
    • <area shape="circle | default | poly | rect">
  58. Атрибут к <area> определяет последовательность перехода между элементами при нажатии на клавишу Tab.
    • Атрибут tabindex
    • <area tabindex="число">
  59. Атрибут к <area> По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено этим атрибутом
    • Атрибут target
    • <area target="имя окна">
  60. Атрибут к <area> Устанавливает MIME-тип документа, на который ведёт ссылка.
    • Атрибут type
    • Этот атрибут носит рекомендательный характер и может использоваться для стилизации ссылок с заданным типом документа. Атрибут type должен добавляться только при наличии атрибута href.
    • <area type="MIME-тип" href="URL">
  61. Тег задает содержание сайта вроде новости, статьи, записи блога, форума, внешний контент или др.
    <article> 
  62. Определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации. Такой блок, как правило, называется «сайдбар» или «боковая панель».
    • <aside>
  63. Тег добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице.
    • Тег <audio>
    •  Путь к файлу задается через атрибут src или вложенный тег <source>. Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.Для универсального воспроизведения в указанных браузерах аудио кодируют с помощью разных кодеков и добавляют файлы одновременно через тег <source>.
  64. Атрибут к <audio> При наличии этого атрибута аудио начинает воспроизводиться автоматически после загрузки страницы.
    • Атрибут autoplay. отменяет действие preload.
    • <audio autoplay src="...
  65. Атрибут к <audio> Добавляет панель управления к аудиотреку. Вид панели и ее содержимое зависит от браузера и может в себя включать: кнопку воспроизведения, паузы, перемотки, ползунок для изменения уровня громкости и др.
    • Атрибут controls
    • <audio controls src="...>
  66. Атрибут к <audio> Зацикливает воспроизведение аудио, чтобы оно повторялось с начала после завершения.
    • Атрибут loop
    • <audio loop src="...
  67. Атрибут к <audio> Отключает звук при воспроизведении музыки.
    • Атрибут muted
    • <audio muted src="...
  68. Атрибут к <audio> Используется для загрузки аудиофайла вместе с загрузкой веб-страницы.
    • Атрибут preload
    • Этот атрибут игнорируется, если установлен autoplay.
    • <audio preload="none | metadata | auto">
  69. Атрибут к <audio> Указывает путь к воспроизводимому аудиофайлу
    • Атрибут src
    • Для этой же цели также можно использовать тег <source>.
    • <audio src="URL">
  70. тэг устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
    Тег <b>
  71. тэг для указания полного базового адреса текущего документа
    • Элемент <base> определен внутри контейнера <head> и инструктирует браузер относительно полного базового адреса текущего документа. Тег <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <base>, определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как <base href="http://www.megasite.ru/hzchd/">, то при добавлении рисунков достаточно использовать относительный адрес <img src="images/labuda.gif">. При этом полный путь к изображению будетhttp://www.megasite.ru/hzchd/images/labuda.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как <img src="../images/labuda.gif">, то полный путь к файлу будетhttp://www.megasite.ru/images/labuda.gif.
    • Второе применение тега <base> — задание целевого окна для всех ссылок на текущей странице.
    • href - Адрес, который должен использоваться для указания полного пути к файлам
    • target - Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.
  72. Тег предназначен для задания шрифта, размера и цвета текста по умолчанию
    • Тег <basefont> Указанные значения будут использоваться во всем документе за исключением тега <font>, в котором можно переопределить параметры оформления текста. Допускается использование тега в контейнере <head> или <body>, причем несколько раз. Это позволяет изменять вид шрифта для части документа.
    • Атрибуты
    • color - Устанавливает цвет текста.
    • face - Определяет гарнитуру шрифта.
    • size - Задает размер шрифта в условных единицах.
  73. Тег определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии
    • Тег <bgsound>
    • Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью атрибутов тега, а также могут управляться через скрипты. Этот тег должен размещаться только в контейнере <head>.Тег <bgsound> не входит в спецификацию HTML и при его использовании код не пройдет валидацию. К тому же пользователи, как правило, отрицательно относятся к музыке, которая играет на сайте, поэтому используйте эту возможность с осторожностью и по необходимости.
    • Атрибуты:
    • balance - Управляет балансом звука между правой и левой колонками.
    • loop - Устанавливает, сколько раз проигрывать музыкальный файл.
    • src - Путь к музыкальному файлу.
    • volume - Задает громкость звучания музыки.
  74. Тег увеличивает размер шрифта на единицу по сравнению с обычным текстом
    • Тег <big> В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <big> увеличивает текст на одну условную единицу. Допускается применение вложенных тегов <big>, при этом размер шрифта будет больше с каждым уровнем.На размер шрифта влияет не только заданный атрибут size тега <font>, но и выбор гарнитуры шрифта. Шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров. Для более точного управления размером текста используйте стили.
    • <big>Текст</big>
  75. Тэг устанавливает мигание текста.
    Тег <blink>
  76. Тег предназначен для выделения длинных цитат внутри документа.
    Тег <blockquote> Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу.
  77. Атрибут к <body>. Устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный, когда на ссылку нажимают курсором мыши или выделяют ее с помощью клавиатуры.
    Атрибут alink
  78. Атрибут к <body>.Определяет изображение, которое будет использоваться в качестве фонового рисунка.  В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и текстом веб-страницы. В качестве фона допускается использовать анимированные изображения в формате GIF, но они отвлекают внимание читателей.
    <body background="URL">
  79. Атрибут к <body>.Устанавливает цвет фона веб-страницы.
    <body bgcolor="цвет">
  80. Атрибут к <body>.можно зафиксировать фон на одном месте и, таким образом, заставить прокручиваться только контент.
    <body bgproperties="fixed">
  81. Атрибут к <body>.Определяет отступ от нижнего края окна браузера до контента веб-страницы.
    <body bottommargin="число">...</body>
  82. Атрибут к <body>.Определяет отступ от левого края окна браузера до контента веб-страницы.
    <body leftmargin="число">...</body>
  83. Атрибут к <body>.Устанавливает цвет непосещенных ссылок.
    <body link="цвет">
  84. Атрибут к <body>.Определяет отступ от правого края окна браузера до контента веб-страницы.
    <body rightmargin="число">...</body>
  85. Атрибут к <body>.управляет присутствием полос прокрутки в окне браузера, когда содержание веб-страницы превышает размер текущего окна.
    <body scroll="yes | no">
  86. Атрибут к <body>.Устанавливает цвет текста, используемого на веб-странице по умолчанию.
    • <body text="цвет">
    • Цвета отдельных элементов можно легко изменять с помощью стилей.
  87. Атрибут к <body>.Определяет отступ от верхнего края окна браузера до контента веб-страницы.
    <body topmargin="число">
  88. Атрибут к <body>. Определяет цвет посещенных ссылок, т.е., таких ссылок, на которые пользователь уже «нажимал».
    <body vlink="цвет">
  89. Тег устанавливает перевод строки в том месте, где этот тег находится.
    • Тег <br>
    • В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой. Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега <br> можно сделать так, чтобы следующая строка начиналась ниже элемента.
    • Текст<br> текст
    • Атрибут clear - Сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент.
  90. Тег создает на веб-странице кнопки
    Тег <button> по своему действию напоминает результат, получаемый с помощью тега <input> (с атрибутом type="button | reset | submit"). В отличие от этого тега, <button> предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.Теоретически, тег <button> должен располагаться внутри формы, устанавливаемой элементом <form>. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом <button>, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать <button> в контейнер <form> обязательно.
  91. Атрибут к тегу <button>.Определяет горячую клавишу, с помощью которой происходит переход фокуса к элементу формы.
    • Атрибут accesskey
    •  Браузеры при этом используют различные комбинации клавиш. Например, для accesskey="s" работают следующие сочетания.
  92. Атрибут к тегу <button>.устанавливает, что кнопка получает фокус после загрузки страницы
    • <button autofocus>...</button>
    • Такую кнопку можно нажать сразу без перевода на неё фокуса, например, с помощью клавиатуры.
  93. Атрибут к тегу <button>.Блокирует доступ и изменение кнопки.
    • Атрибут disabled Она в таком случае отображается серой и недоступной для активации пользователем. Кроме того, такая кнопка не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние кнопки можно изменять через скрипты. Значение блокированной кнопки не передается на сервер.
    • <button disabled>...</button>
  94. Атрибут к тегу <button>. Связывает кнопку с формой по её идентификатору.
    • <button form="идентификатор">...</button>
    • Такая связь необходима в случае, когда кнопка не располагается внутри <form>, например, при создании её программно.
  95. Атрибут к тегу <button>.Определяет адрес обработчика формы — это программа, которая получает данные формы и производит с ними желаемые действия.
    • <button formaction="URL">...</button>
    •  Атрибутformaction по своему действию аналогично атрибуту action тега <form>. Если одновременно указать action и formaction, то при нажатии на кнопку атрибут action игнорируется и данные пересылаются по адресу, указанному в formaction.
  96. Атрибут к тегу <button>.Устанавливает способ кодирования данных формы при их отправке на сервер
    • <button formenctype="application/x-www-form-urlencoded | multipart/form-data | text/plain">
    • Обычно явно указывается в случае, когда используется поле для отправки файла (input type="file"). Этот атрибут по своему действию аналогичен атрибуту enctype тега <form>.
  97. Атрибут к тегу <button>.Атрибут сообщает браузеру, каким методом следует передавать данные формы на сервер.
    • <button formmethod="get | post">...</button>
    • GET - Этот метод предназначен для передачи данных формы непосредственно в адресной строке в виде пар «имя=значение», которые добавляются к адресу страницы после вопросительного знака и разделяются между собой амперсандом (символ &). Полный адрес к примеру будет http://site.ru/doc/?name=Vasya&password=pup. Объём данных в методе ограничен 4 Кб.
    • POST - Посылает на сервер данные в запросе браузера, объём пересылаемых данных ограничен лишь настройками сервера.
  98. Атрибут к тегу <button>.Отменяет встроенную проверку данных введенных пользователем в форме на корректность при нажатии на кнопку.
    • <button formnovalidate>...</button>
    • Такая проверка делается браузером автоматически при отправке формы на сервер для полей <input type="email">, <input type="url">, а также при наличии атрибута pattern или required у тега <input>.
  99. Атрибут к тегу <button>.Определяет окно или фрейм в которое будет загружаться результат, возвращаемый обработчиком формы, в виде HTML-документа.
    • <button formtarget="<имя окна> | _blank | _self | _parent | _top">...</button>
    • _blank - Загружает страницу в новое окно браузера.
    • _self - Загружает страницу в текущее окно.
    • _parent - Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
    • _top - Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.
  100. Атрибут к тегу <button>.Определяет уникальное имя кнопки. Как правило, это имя используется при отправке значения кнопки на сервер или для доступа к кнопке через скрипты.
    • <button name="имя">...</button>
    • В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу по имени соблюдайте ту же форму написания, что и в атрибуте name.
  101. Атрибут к тегу <button>.Определяет тип кнопки, который устанавливает ее поведение в форме.
    • <button type="button | reset | submit">...</button>
    • По внешнему виду кнопки разного типа никак не различаются, но у каждой такой кнопки свои функции.
  102. Атрибут к тегу <button>.Определяет значение кнопки, которое будет отправлено на сервер.
    • <button value="значение">...</button>
    • На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега <button>, а значение — атрибутом value. Значение может, как совпадать с текстом на кнопке, так быть и самостоятельным. Также атрибут value применяется для доступа к данным через скрипты.
  103. Тег создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства.
    • <canvas id="идентификатор">
    • </canvas>
  104. Тег предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <table>
    • Тег <caption> причем сразу после открывающего тега <table>. Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий ее содержание.
    • align - Определяет выравнивание заголовка по горизонтали.
    • valign - Устанавливает расположение заголовка до или после таблицы.
  105. Тег выравнивает содержимое контейнера по центру относительно родительского элемента.
    <center>Текст</center>
  106. Тег помечает текст как цитату или сноску на другой материал
    • <cite>Текст</cite>
    • Такое выделение удобно для изменения стиля текста через CSS, а также применяется для разделения кода HTML на структурные элементы. Браузеры обычно устанавливают текст внутри контейнера <cite>курсивом.
  107. Тег предназначен для отображения одной или нескольких строк текста, который представляет собой программный код.
    • Тег <code>
    • Сюда относятся имена переменных, ключевые слова, тексты функции и т.д. Браузеры обычно отображают содержимое контейнера <code> как моноширинный текст уменьшенного размера.В отличие от тега <pre> дополнительные пробелы внутри контейнера <code> не учитываются, так же, как и переносы текста. Поэтому используйте тег <br> или <p> для создания переносов.
  108. Тег задает ширину и другие характеристики одной или нескольких колонок таблицы. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки.
    • <col атрибуты>
    • <tr>
    • <td>...</td>
    • </tr>
    • Закрывающий тег - Не требуется.
    • Тег <col> можно использовать совместно с тегом <colgroup>, который задает группу колонок, обладающих общими характеристиками.
  109. Атрибут к <col>. Задает выравнивание содержимого колонок по горизонтали.
    • <col align="left | center | right | justify">
    • Этот атрибут действует на все ячейки в колонке, в том числе и на заголовки таблицы, которые определяются тегом <th>. Чтобы управлять выравниванием содержимого разных элементов воспользуйтесь стилями или устанавливайте атрибут align для отдельных ячеек таблицы.
  110. Атрибут к <col>.заставляет выравниваться содержимое колонки по заданному символу.
    • <col char="символ">
    • Эта возможность может пригодиться для выравнивания колонки чисел по точке. Работает только в том случае, если значение атрибута align установлено как char.
  111. Атрибут к <col>.можно смещать содержимое ячейки влево или вправо относительно заданного символа.
    • <col charoff="значение">
    • Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячейки влево или вправо относительно заданного символа. Так, charoff="3" означает, что браузер должен сместить содержимое ячейки на три символа вправо, а charoff="-3" — сместить на три символа влево.
  112. Атрибут к <col>.Определяет число колонок, к которым будут применяться заданные характеристики.
    • <col span="число">
    • Если этот атрибут отсутствует, то тег <col> работает для одной колонки. Допускается применять атрибут span к нескольким колонкам и таким образом формировать группы колонок с одинаковыми характеристиками.
  113. Атрибут к <col>.Устанавливает вертикальное выравнивание содержимого колонки.
    • <col valign="baseline | bottom | middle | top">
    •  По умолчанию контент ячеек в колонке располагается по центру вертикали.
  114. Атрибут к <col>.Задает ширину колонки.
    • <col width="значение">
    • Если общая ширина содержимого превышает указанную ширину, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в колонке находятся изображения, атрибут width будет проигнорирован, и новая ширина колонки будет вычислена на основе ее содержимого.
  115. Тег предназначен для задания ширины и стиля одной или нескольких колонок таблицы. позволяет объединять колонки в определенные группы
    • <colgroup>
    • Этот тег позволяет уменьшить код таблицы за счет сокращения повторяющихся атрибутов, и при наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <colgroup> можно использовать в комбинации с тегом <col>, который определяет характеристики одной или нескольких колонок.Обычно закрывающий тег не требуется, но если <colgroup> выступает как контейнер для элементов <col>, тогда следует добавить тег</colgroup> в конце группы.Разница между свойствами тегов <colgroup> и <col> не очень велика и состоит в следующем. <colgroup> позволяет объединять колонки в определенные группы, также при добавлении атрибута rules="groups" к тегу <table> браузер будет рисовать линию только между колонками, созданными с помощью <colgroup>. В остальных случаях поведение колонок назначенных через элементы <colgroup> и<col> идентично.
  116. Тег Создает список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса.
    • Тег <datalist>
    • <input list="<идентификатор>">
    • <datalist id="<идентификатор>">
    • <option value="Текст1">
    • <option value="Текст2">
    • </datalist>
  117. Теги предназначенных для создания списка определений
    • <dl>
    • <dt>Термин 1</dt>
    • <dd>Определение термина 1</dd>
    • <dt>Термин 2</dt>
    • <dd>Определение термина 2</dd>
    • </dl>
  118. Тег используется для выделения текста, который был удален в новой версии документа.
    • <del>Текст</del>
    •  Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере <del> как перечеркнутый.
    • Атрибуты:
    • cite - Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
    • datetime - Дата и время редактирования текста.
  119. Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение.
    • <dfn>Текст</dfn>
    •  При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег <dfn> применяется для выделения таких терминов при их первом появлении в тексте.
  120. тег является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого.
    • <div>...</div>
    • Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.Как и при использовании других блочных элементов, содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки.
    • Атрибуты:
    • align - Задает выравнивание содержимого тега <div>.
    • title - Добавляет всплывающую подсказку к содержимому.
  121. Тег предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.
    <em>Текст</em>
  122. тег используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т.д.), которые исходно браузер не понимает
    • Тег <embed>
    • Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.Спецификация HTML 4.0 рекомендует использовать тег <object> для загрузки внешних данных вместо тега <embed>. Однако некоторые браузеры не отображают таким образом нужную информацию, поэтому наилучшим вариантом будет поместить <embed> внутрь контейнера<object>.Вид внедренного объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от атрибутов тега <embed>.
    • Атрибуты:
    • align - Определяет как объект будет выравниваться на странице и способ его обтекания текстом.
    • height - Высота объекта.
    • hidden - Указывает, скрыть объект на странице или нет.
    • hspace - Горизонтальный отступ от объекта до окружающего контента.
    • pluginspage - Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
    • src - Путь к файлу.
    • type - MIME-тип объекта.
    • vspace - Вертикальный отступ от объекта до окружающего контента.
    • width - Ширина объекта.

What would you like to do?

Home > Flashcards > Print Preview