– 2 семестра
В текущем семестре:
Лекции – 4,5 пар в
неделюЛабораторные работы – 2 пары в неделю,
Контрольные работы – 2(?)
Диф. зачет
- Главная
- Разное
- Бизнес и предпринимательство
- Образование
- Развлечения
- Государство
- Спорт
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Религиоведение
- Черчение
- Физкультура
- ИЗО
- Психология
- Социология
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Что такое findslide.org?
FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.
Обратная связь
Email: Нажмите что бы посмотреть
Презентация на тему Введение в язык разметки HTML
Содержание
- 2. Общая информацияВиды занятий и контроля по МДК:Длительность
- 3. Лабораторные работыИнтерактивные онлайн-курсы на HtmlAcademy.ru 18 бесплатных разделов с заданиями (9 обязательных)
- 4. Что планируется изучитьHTMLCSSJavaScriptPHPДенвер (Denwer)CMS Joomla
- 5. Язык разметки HTMLHyperText Markup Language — «язык разметки гипертекста»
- 6. Документ HTMLФайл с расширением htm или htmlИмя
- 7. HTMLОсновным форматом представления документов в сети Интернет
- 8. Тэги Тэг – это команда языка HTML,
- 9. Общее представление о языках разметки HTML, XML,
- 10. Отличия версий HTMLКаждая новая версия включала дополнительные
- 11. Выбираем !DOCTYPEКаждый HTML-документ должен начинаться со строки
- 12. Виды !DOCTYPE — DOCTYPE для стандарта HTML
- 13. Виды !DOCTYPE — DOCTYPE для стандарта HTML
- 14. Виды !DOCTYPE — DOCTYPE для стандарта HTML
- 15. Виды !DOCTYPE — DOCTYPE для стандарта XHTML 1.1.
- 16. HTML-код страницы помещается внутрь
- 17. Простейшая Web-страницаМоя первая Web-страницаПривет! first.htmlМоя первая Web-страницашапка («голова») Привет!основная часть («тело»)
- 18. Создание файла веб-страницыОткрыть Notepad++ и введите туда
- 19. ПО для верстки
- 20. Редакторы для версткиКонечно, сверстать HTML-документ можно и
- 21. Редакторы для версткиNotepad++phpDesignerProAdobe DreamweaverHotdogHTML PadEdit Plus…
- 22. ВалидаторыВалидаторы — сервисы Интернета, проверяющие HTML-документ на
- 23. Теги HTML
- 24. ТегиВ языке HTML все, что вводится в
- 25. Типы тегов(на основе назначения тега либо его
- 26. Типы теговБлочные элементы — в данный тип
- 27. Типы теговВстроенные (строчные) элементы — в отличие
- 28. Типы теговСписки — в данную группу тегов
- 29. Блочные и строчные теги
- 30. Атрибуты и их значенияВнутри одинарного или открывающего
- 31. Атрибуты и их значенияВ XHTML каждый атрибут
- 32. Типы значений атрибутовЗадающие цвет:специальное ключевое слово: black,
- 33. Типы значений атрибутовЗадающие адрес в Интернете:абсолютный адрес
- 34. Основной синтаксис XHTMLHTML-документ обязательно должен начинаться с
- 35. Основной синтаксис XHTMLКаждый тег должен быть корректно
- 36. Web-страницы. Язык HTMLОформление текста
- 37. Заголовок документаЗаголовок разделаЗаголовок подразделаЗаголовок параграфаКомментарийАвторские пометкиЗаголовки: h1 … h6Теги h1- h6 являются парными и блочными
- 38. Абзацыпереход на новую строкуабзац (с отступами)И вечный
- 39. Физическая разметка
- 40. Оформление текстаВывод «как есть»КомментарииИ вечный бой! Покой
- 41. КонтейнерыТег divБлочный тег, который служит для единственной
- 42. Атрибут titleПозволяет добавить описание к любому элементу
- 43. Специальные символыhttps://html5book.ru/specsimvoly-html/#part1
- 44. Web-страницы. Язык HTMLРисунки, видео, аудио
- 45. Форматы рисунковGIF (Graphic Interchange Format)сжатие без потерьпрозрачные
- 46. Тег img
- 47. Рисунки в документе из той же папки:из другой папки:с другого сервера:image (изображение) source (источник)
- 48. Атрибуты тега imgwidth, height — ширина или
- 49. Аудиоautoplay — проигрывание при загрузке страницыcontrols —
- 50. Видео poster – стартовая картинка-заместитель
- 51. Web-страницы. Язык HTMLГиперссылки
- 52. Ссылки на другие страницы сайтаТаблицыстраница в той
- 53. Примеры (ссылки из файла rock.html)
- 54. Ссылки на другие сайтыПочтана главную страницу сайтаindex.htm,
- 55. Ссылки внутри страницыГлава 1Глава 2Глава 1Это текст
- 56. Запуск почтовой программыНапишите мне!Другие протоколы: ftp://, file: , ...
- 57. Варианты открытия ссылкия ссылкаатрибут target — имя
- 58. Web-страницы. Язык HTMLСписки
- 59. Списочные элементы - пронумерованный перечень элементов (ordered
- 60. Списочные элементы
- 61. Web-страницы. Язык HTMLТаблицы
- 62. Теги для таблицыВ тег включается множество элементов
- 63. Таблицы
- 64. Таблицы … .. .. .. Подвал таблицы определяется выше содержимого таблицы!
- 65. Задание HTML таблицы Состав
- 66. Таблицы. Объединение ячеек
- 67. Описание структуры страницы с помощью таблицС помощью
- 68. Разметка на основе таблицСделать самим
- 69. Web-страницы. Язык HTMLФормы
- 70. Формы HTMLИспользуются для описания частей страницы в
- 71. Формы HTMLФункциональность форм обеспечивается через языки JavaScript
- 72. Формы HTMLФорма задается парным блочным тегом Тег
- 73. Описание формы в HTMLФорма задается парным блочным
- 74. Элементы формыМногие элементы формы создаются тегом
- 75. Пример формы HTML Пример формы Это уже наша форма расширить
- 76. Флажки и переключателиПереключатель создается тегом с атрибутом type = "checkbox"
- 77. Скрытый элементИногда при отправке формы на сервер
- 78. Другие варианты тега inputМенее популярные варианты атрибута
- 79. Выпадающие спискиВыпадающий список – тег Строка списка задается тегом
- 80. Текстовая область Для создания многострочного текстового поля
- 81. Замечание по обработке HTML формПри нажатии кнопки
- 82. Тег meta и его видыатрибут name — устанавливает модификатор мета-тега
- 83. Скачать презентацию
- 84. Похожие презентации
Общая информацияВиды занятий и контроля по МДК:Длительность МДК – 2 семестраВ текущем семестре:Лекции – 4,5 пар в неделюЛабораторные работы – 2 пары в неделю,Контрольные работы – 2(?)Диф. зачет
Слайд 2
Общая информация
Виды занятий и контроля по МДК:
Длительность МДК
– 2 семестра
неделюЛабораторные работы – 2 пары в неделю,
Контрольные работы – 2(?)
Диф. зачет
Слайд 3
Лабораторные работы
Интерактивные онлайн-курсы на
HtmlAcademy.ru
18 бесплатных разделов
с заданиями (9 обязательных)
Слайд 6
Документ HTML
Файл с расширением htm или html
Имя –
произвольное, но если это стартовая страница сайта (раздела сайта),
то – index.html или main.html(пример)
Слайд 7
HTML
Основным форматом представления документов в сети Интернет является
язык гипертекстовой разметки HTML (стандартный язык разметки документов во
Всемирной паутине) .HTML – это определенная совокупность правил (тегов), по которым оформляется документ. Теги показывают Интернет-браузеру, как следует отображать текст на Web-страничке.
Структура тега (пары тегов) всегда такова:
<название тега> …
Теги могут содержать атрибуты, характеризующие отображение информации внутри тега.
Слайд 8
Тэги
Тэг – это команда языка HTML, которую
выполняет браузер:
непарные тэги
парные тэги (контейнеры)
вставить рисунок
открывающий
закрывающий
область действия тэга: описание таблицы
Слайд 9 Общее представление о языках разметки HTML, XML, XHTML
ЭВОЛЮЦИЯ ЯЗЫКОВ РАЗМЕТКИ.
1986
ISO-8879
SGML
Декабрь 1997
HTML 4.0 + CSS 2.0
Январь
1997HTML 3.2
Март 1995
HTML 3 + CSS
1994
HTML 2.0
1991
CERN HTML
24 декабря 1999
HTML 4.01
2000
XHTML 1.0
2014
HTML 5 + CSS 3
Слайд 10
Отличия версий HTML
Каждая новая версия включала дополнительные теги
и атрибуты, некоторые признавались устаревшими
Но основная тенденция развития языка
HTML заключалась в стандартизации синтаксиса и верстки HTML-документа.Из-за многочисленных условностей при верстке допускалось большое количество ошибок.
Было принято решение бороться с этим. В результате синтаксис языка HTML стал более строгим.
HTML5 отличается от XHTML 1.0 только наличием новых тегов
Слайд 11
Выбираем !DOCTYPE
Каждый HTML-документ должен начинаться со строки !DOCTYPE.
Она говорит браузеру, какую версию HTML использовали при создании
HTML-страницы.Если не указать – разные браузеры будут вести себя по разному
Для HTML 5:
Слайд 12
Виды !DOCTYPE
— DOCTYPE для стандарта HTML 4.01 Strict
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-strict.dtd"> — DOCTYPE для стандарта XHTML 1.0 Strict;Разновидность Strict (строгий) используется в том случае, если код документа полностью соответствует выбранной версии HTML. В Strict оформление и содержание полностью разделены между HTML и CSS.
Слайд 13
Виды !DOCTYPE
"http://www.w3.org/TR/html4/loose.dtd"> — DOCTYPE для стандарта HTML 4.01 Transitional
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> — DOCTYPE для стандарта XHTML 1.0 TransitionalTransitional - является переходный вариант от прошлой версии языка HTML к новой.
Если в новой версии HTML какие-то теги были признаны устаревшими, то в стандарте Transitional они по-прежнему остаются рекомендуемыми для применения.
Слайд 14
Виды !DOCTYPE
"http://www.w3.org/TR/html4/ frameset.dtd"> — DOCTYPE для стандарта HTML 4.01 Frameset
(с фреймами);— DOCTYPE для стандарта XHTML 1.0 Frameset (с фреймами);
Разновидность Frameset аналогична Transitional, кроме того, в Frameset также разрешено применять теги для создания фреймов.
Слайд 16
HTML-код страницы помещается внутрь контейнера
…
Заголовок Web-страницы заключается в контейнер
…
Основное содержание страницы помещается в контейнер …
Название Web-страницы содержится в контейнере
Структура Web-страницы
Слайд 17
Простейшая Web-страница
Моя первая
Web-страница
Привет!
first.html
Моя первая
Web-страница
шапка («голова»)
Привет!
основная часть («тело»)
Слайд 18
Создание файла веб-страницы
Открыть Notepad++ и введите туда следующий
текст:
Моя первая веб-страничка
/>Здравствуйте, это моя первая страница.
Добро пожаловать! :)