Skip to content

Latest commit

 

History

History
168 lines (122 loc) · 8.02 KB

README.md

File metadata and controls

168 lines (122 loc) · 8.02 KB
Raw

HTML (день 21)

Краткая история HTML

HTML (Hypertext Markup Language) - это язык разметки, используемый для создания веб-страниц. Он был создан в 1989 году Тимом Бернерсом-Ли, который работал в ЦЕРНе (Европейский центр ядерных исследований) в Женеве, Швейцария.

Оригинальный HTML был простым языком разметки и использовался для создания документов с гиперссылками (т.е. ссылками, которые могут открывать другие документы). В следующие годы HTML был дополнен различными функциями, такими как формы, таблицы, изображения и мультимедиа.

В настоящее время HTML является одним из основных языков разметки веб-страниц и используется почти в каждом сайте в Интернете.

  1. Октябрь 1991 г .: Европейский центр ядерных исследований изначально публикует 18 тегов HTML, автор этого документа - физик Тим Бернерс-Ли, так что он изобретатель Всемирной паутины
  2. Ноябрь 1995 г .: опубликован стандарт HTML 2.0 (RFC 1866).
  3. Январь 1997: HTML 3.2 был выпущен как рекомендация W3C .
  4. Декабрь 1997: HTML 4.0 был выпущен как рекомендация W3C.
  5. Декабрь 1999: HTML4.01 был выпущен как рекомендация W3C.
  6. Январь 2008: HTML5 был выпущен W3C в качестве рабочего проекта.
  7. Май 2011: W3C переводит HTML5 на стадию «Последний звонок».
  8. Декабрь 2012: W3C обозначил HTML5 как этап «рекомендации кандидата».
  9. Октябрь 2014: HTML5 был выпущен как стабильная рекомендация W3C, что означает, что стандартизация HTML5 завершена.

Новые возможности HTML5

  1. Ввести встроенную поддержку мультимедиа (аудио и видео теги)
  2. Ввести программируемый контент (тег холста)
  3. Знакомство с семантической сетью (теги article, aside, details, figure, footer, header, nav, section, summary и т. д.)
  4. Представьте новые элементы управления формой (календарь, почтовый ящик, поиск, слайдер и т. д.)
  5. Улучшить поддержку автономного хранилища (localStorage и sessionStorage)
  6. Внедрить поддержку позиционирования, перетаскивания, WebSocket, фоновых задач и т. д.

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

Состав стандартной страницы HTML

- html
  - head
    - title
    - meta
  - body

текст

  • Заголовок и абзац
    • h1 ~ h6
    • p
  • Надстрочный （superscript） и подстрочный （subscript）индекс
    • sup
    • sub
  • Пустой (пробел сложен)
  • Разрыв （break）и горизонтальная линейка和水平标尺（horizontal ruler）
    • br
    • hr
  • Семантические теги
    • Смелый и подчеркнутый-сильный - strong
    • Цитата - blockquote
    • Сокращения и акронимы - abbr / acronym
    • цитировать - cite
    • Контактная информация Владельца - address
    • Изменения содержимого - ins / del

Список（list）

  • Упорядоченный список（ordered list）- ol / li
  • Неупорядоченный список（unordered list）- ul / li
  • Список определений（definition list）- dl / dt / dd

Ссылка (привязка)

  • Ссылка на страницу
  • Якорная ссылка
  • Ссылка на функцию

Изображение image）

  • Место хранения изображений

  • Изображение, его ширина и высота

  • Выберите правильный формат изображения

    • JPEG
    • GIF
    • PNG

  • Векторная иллюстрация

  • Семантическая разметка- figure / figcaption

Таблица（table）

  • Базовая структура таблицы - table / tr / td / th
  • Заголовок таблицы-подпись - caption
  • Атрибут - rowspan / colspan
  • Длинная форма - thead / tbody / tfoot

Форма（form）

  • Важные атрибуты - action / method / enctype
  • Атрибут типа элемента управления (ввода)
    • Текстовое поле - text / поле пароля- password / числовое поле- number
    • Email- email/ телефон - tel/ Дата - date/ Slider- range/ url- url/ Search-search
    • Радиокнопка- radio/ Проверить кнопку-checkbox
    • Загрузка файла file/ скрытый домен-hidden
    • Кнопка отправки- submit/ кнопка изображения- image / кнопка сброса-reset
  • Раскрывающийся список - select / option
  • текстовая область (многострочный текст) - textarea
  • Объединить элементы формы - fieldset / legend

Аудио и видео（audio / video）

  • Формат видео и плеер
  • Услуги видеохостинга
  • Подготовка к добавлению видео
  • теги видео и атрибуты- autoplay / controls / loop / muted / preload / src
  • аудио теги и атрибуты- autoplay / controls / loop / muted / preload / src / width / height / poster

Оконная рама（frame）

  • Набор фреймов (устаревший, не рекомендуется) - frameset / frame

  • Встроенное окно - iframe

Другие

  • Тип документа

    <!doctype html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • Аннотации

    <!-- Это комментарий, комментарии не могут быть вложенными -->

  • Атрибуты

    • id: уникальный идентификатор
    • class: класс, к которому принадлежит элемент, используемый для различения различных элементов.
    • title: дополнительная информация об элементе (текст всплывающей подсказки будет отображаться при наведении курсора мыши)
    • tabindex: порядок переключения клавиш табуляции
    • contenteditable: доступен ли элемент для редактирования
    • draggable: можно ли перетащить элемент

  • Элемент уровня блока / элемент уровня строки

  • Сущность персонажа (замена сущности)

Вернуться на главную

К следующему занятию