различные способы оформления гипертекстовых документов, дизайн, гипертекстовые редакторы, браузеры и
многое другое.HTML как основа создания Web-страниц имеет прямое отношение и к новому направлению изобразительного искусства — Web-дизайну.
Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
ЯЗЫК HTML 1
Содержание
- 1. ЯЗЫК HTML 1
- 2. HyperText Markup Language(язык разметки гипертекста) Понятие HTML
- 3. Многие называют HTML языком программирования. Это не
- 4. БраузерСпециальные программы для просмотра веб-сайтов (электронных документов,
- 5. Самым первым обозревателем с графическим интерфейсом является
- 6. Наибольшей популярностью пользуются программы: Internet Explorer, Opera,Mozilla,Google Chrome (На январь 2014 года — 32%)
- 7. Специальные термины• Элемент (element) — конструкция языка
- 8. Атрибут (attribute) — параметр или свойство элемента.
- 9. Апплет (applet) — программа, передаваемая на компьютер
- 10. Расширение (extension) — элемент, не входящий в
- 11. World Wide Web, WWW или просто Web
- 12. Код http указывает на то, что программа
- 13. HTML-файл или HTML-страница— документ, созданный в виде
- 14. Особенности гипертекстаСпособ создания гипертекста обеспечивает его абсолютную
- 15. Если рассмотреть исходные тексты различных Web-страниц, то
- 16. Язык HTML представляет собой набор специальных правил.Каждому
- 17. Как видно из примера, текст, который должен
- 18. Все элементы языка можно условно разделить на
- 19. Структура любого тега подразумевает указание самого тега,
- 20. Параметры и их значения могут либо вообще
- 21. Любой HTML-документ содержит три основных обязательных раздела: HTML, HEAD и BODY. Рассмотрим подробнее каждый из них.
- 22. Раздел HTMLРаздел HTML описывается тегом-контейнером и дает
- 23. - Данный элемент является самым
- 24. Раздел HEADРаздел HEAD выполняет функцию рабочего заголовка
- 25. Область заголовка Web-страницы. Иными словами,
- 26. Название документа Парный тег предназначен для
- 27. Поисковые системы, столкнувшись с безымянной страницей,
- 28. Связь между документами Часто бывает так, что
- 29. Элементы и В структуру раздела документа HEAD
- 30. Описание стиля некоторых элементов Web-страницы. Для
- 31. Этот элемент содержит служебную информацию, которая
- 32. Вот несколько примеров meta-данных:• Дата, обозначающая
- 33. Набор ключевых слов для поиска:name="Keywords" content="cnoBo1, слово2,
- 34. Этот элемент заключает в себе
- 35. Раздел описывается парным тегом , внутри которого
- 36. Параметр
- 37. Один из самых полезных для дизайна —
- 38. Параметры фонаПараметрами фона документа являются BGCOLOR, BACKGROUND
- 39. Три варианта установки цвета фона (белого):П П П
- 40. Параметр BACKGROUND позволяет накладывать на фон документа
- 41. Параметры границ документаПараметры границ HTML-документа создают отступы
- 42. Параметры текстаИз параметров текста документа реально применяется
- 43. Параметры гиперссылокПараметры гиперссылок (связей с внутренними или
- 44. Для задания цвета текста имеется следующий атрибут:
- 45. Слайд 45
- 46. Элемент заголовка. Существует шесть уровней заголовков, которые
- 47. Заголовки, создаваемые при помощи элементов Н1...Н6.Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5Шрифт второго заголовка переопределен
- 48. Горизонтальная линия (horizontal rule) — очень часто
- 49. Элемент не имеет конечного тега, но допускает ряд атрибутов для выравниваниявлево, по центру, вправо, по ширине:align="left"align="center"align="right"align="justify"
- 50. Можно задавать толщину линии:Size=толщина в пикселахМожно управлять длиной линии:width= длина в пикселахwidth=длина в процентахМожно выбрать цвет:со1ог="цвет"
- 51. Правила синтаксисаПри использовании каждого элемента важно знать,
- 52. Существуют группы элементов, которые используются совместно. К
- 53. В приведенном ниже примере есть два абзаца
- 54. Можно использовать другой код:Текст абзаца 1 .
- 55. Браузеры построены таким образом, что они ≪стараются≫
- 56. Полезная информация одного элемента должна находиться или
- 57. Очень важным правилом, которое не имеет исключений, является размещение атрибутов элемента внутри начального тега.
- 58. Первый HTML-документМой первый документ Это мой первый НТМL-документ!
- 59. Код можно написать в блокноте.Теперь сохраните код
- 60. Вот что получилось:
- 61. Изменим цвета фона и шрифта:Мой первый документ Это мой первый НТМL-документ
- 62. Вот что получилось:
- 63. Изменим цвета еще раз:Мой первый документ Это мой первый НТМL-документ
- 64. Вот что получилось:
- 65. Скачать презентанцию
HyperText Markup Language(язык разметки гипертекста) Понятие HTML включает в себя различные способы оформления гипертекстовых документов, дизайн, гипертекстовые редакторы, браузеры и многое другое.HTML как основа создания Web-страниц имеет прямое отношение и к
Слайды и текст этой презентации
Слайд 2HyperText Markup Language
(язык разметки гипертекста)
Понятие HTML включает в себя
HTML как основа создания Web-страниц имеет прямое отношение и к новому направлению изобразительного искусства — Web-дизайну.
Слайд 3Многие называют HTML языком программирования. Это не совсем верно, так
как в традиционном понимании HTML является языком разметки электронных документов,
лишь указывающим программам просмотра HTML-страниц (браузерам) форму представления описанной в документе информации.
Слайд 4Браузер
Специальные программы для просмотра веб-сайтов (электронных документов, созданных по правилам
языка разметки HTML), называются браузерами.
Основная функция браузера заключается в
интерпретации кода HTML и выводе визуального результата на экран монитора пользователя. Сегодня существует большое количество самых разнообразных браузеров
Слайд 5Самым первым обозревателем с графическим интерфейсом является Mosaic от фирмы
NCSA.
Более продвинутым был второй браузер — Netscape Navigator.
Слайд 6Наибольшей популярностью пользуются программы:
Internet Explorer,
Opera,
Mozilla,
Google Chrome (На январь
2014 года — 32%)
Слайд 7Специальные термины
• Элемент (element) — конструкция языка HTML. Это контейнер,
содержащий данные и позволяющий отформатировать их определенным образом. Любая
• Web-страница
представляет собой набор элементов. Одна из основных идей гипертекста — возможность вложения элементов.• Тег (tag) — начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.
Слайд 8Атрибут (attribute) — параметр или свойство элемента. Это переменная, которая
имеет стандартное имя и которой может присваиваться определенный набор значений.
Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.• Гиперссылка — фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.
• Фрейм (frame) — этот термин имеет два значения. Первое — область документа со своими полосами прокрутки. Второе значение — одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма). Вместо термина ≪фрейм≫ в специальной литературе и локализованных программных продуктах иногда можно встретить термин ≪кадр≫ или ≪рамка≫.
Слайд 9Апплет (applet) — программа, передаваемая на компьютер клиента в виде
отдельного файла и запускаемая при просмотре Web-страницы.
• Скрипт или сценарий
(script) — программа, включенная в состав Web-страницы для расширения ее возможностей. Броузер Internet Explorer в определенных ситуациях выводит сообщение: ≪Разрешить выполнение сценариев на странице?≫ В этом случае имеются в виду скрипты.
Слайд 10Расширение (extension) — элемент, не входящий в спецификацию языка, но
использующийся, обеспечивая возможность создания нового интересного эффекта форматирования.
• Программный код
или просто код — аналог понятия ≪текст программы≫.• Код HTML — гипертекстовый документ в своем первоначальном виде, когда видны все элементы и атрибуты.
Слайд 11World Wide Web, WWW или просто Web — Всемирная паутина,
распределенная система доступа к гипертекстовым документам, существующая в Интернете.
• Web-страница
— документ (файл), подготовленный в формате гипертекста и размещенный в World Wide Web.• Сайт (site) — набор Web-страниц, принадлежащих одному владельцу.
Слайд 12Код http указывает на то, что программа должна работать с
системой гипертекстовых документов и использовать соответствующий протокол (HyperText Transfer Protocol).
Слайд 13HTML-файл или HTML-страница
— документ, созданный в виде гипертекста
на основе языка
HTML. Такие файлы имеют, как правило, расширения htm или html.
В гипертекстовых редакторах и браузерах эти файлы имеют общее название ≪документ≫.HTML является основным языком для создания документов в WWW.
Слайд 14Особенности гипертекста
Способ создания гипертекста обеспечивает его абсолютную платформенную независимость.
Одной из
основных особенностей HTML является принцип, по которому не только допускается
вложение одних элементов в другие, но и декларируется необходимость такого вложения. Это отличает HTML от многих других языков.
Слайд 15Если рассмотреть исходные тексты различных Web-страниц, то можно легко увидеть
схожесть их структур. Это объясняется тем, что документы создаются по
определенным правилам.В основу синтаксиса языка HTML лег стандарт ISO 8879:1986
≪Information processing. Text and office systems. Standard Generalized Markup Language (SGML)≫.
Слайд 16Язык HTML представляет собой набор специальных правил.
Каждому правилу соответствует свое
название, свойство и значение. Например, чтобы задать правило жирного начертания
обыкновенного текста, необходимо использовать следующую HTML-конструкцию:<В>Обыкновенный текст
Слайд 17Как видно из примера, текст, который должен отображаться жирным начертанием,
обособлен группами символов и .
Такие группы принято называть
тегами. Теги бывают одинарными и парными. В случае с нашим примером тег является парным, т. к. он закрывает HTML-конструкцию вместе с символом "/" (прямой слэш). Иногда теги, которые необходимо закрывать парным тегом, называют тегами-контейнерами.
Слайд 18Все элементы языка можно условно разделить на три группы.
К
первой относятся элементы, которые создают структуру гипертекстового документа.
Ко второй
группе можно отнести элементы, создающие эффекты форматирования. Их использование диктуется конкретными требованиями к документу, фантазией разработчика. К третьей группе относятся элементы, которые позволяют управлять программными средствами, установленными и работающими на компьютере-клиенте.
Слайд 19Структура любого тега подразумевает указание самого тега, его параметра и
значения этого параметра.
При этом наименование параметра и его значения
может писаться как строчными, так и прописными буквами. Значение параметра ставится в кавычки.
