🗊Презентация HTML – язык разметки гипертекста

Категория: Интернет
Нажмите для полного просмотра!
HTML – язык разметки гипертекста, слайд №1HTML – язык разметки гипертекста, слайд №2HTML – язык разметки гипертекста, слайд №3HTML – язык разметки гипертекста, слайд №4HTML – язык разметки гипертекста, слайд №5HTML – язык разметки гипертекста, слайд №6HTML – язык разметки гипертекста, слайд №7HTML – язык разметки гипертекста, слайд №8HTML – язык разметки гипертекста, слайд №9HTML – язык разметки гипертекста, слайд №10HTML – язык разметки гипертекста, слайд №11HTML – язык разметки гипертекста, слайд №12HTML – язык разметки гипертекста, слайд №13HTML – язык разметки гипертекста, слайд №14HTML – язык разметки гипертекста, слайд №15
Скачать
Вы можете ознакомиться и скачать презентацию на тему HTML – язык разметки гипертекста. Доклад-сообщение содержит 15 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


HTML – язык разметки гипертекста
Описание слайда:
HTML – язык разметки гипертекста

Слайд 2


Основные определения Язык HTML (HyperText Markup Language — «язык гипертекстовой разметки») — набор команд (тегов), вставляемых в текст web-страницы и определяющих форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы. Гипертекст — «многомерный» текстовый документ (либо объединение нескольких текстовых документов), построенный по принципу «нелинейного» структурирования материала за счет применения гипертекстовых ссылок (как внутренних, в пределах данного документа, так и перекрестных, указывающих на другие документы, в том числе размещенные на других компьютерах сети, или на их фрагменты), позволяющих одним щелчком мыши перемещаться из одной «смысловой точки» гипертекстового документа в другую. Контейнер — конструкция из парных «открывающего» и «закрывающего» тегов. При этом действие открывающего тега и его параметров распространяется на весь текстовый фрагмент, заключенный внутри контейнера.
Описание слайда:
Основные определения Язык HTML (HyperText Markup Language — «язык гипертекстовой разметки») — набор команд (тегов), вставляемых в текст web-страницы и определяющих форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы. Гипертекст — «многомерный» текстовый документ (либо объединение нескольких текстовых документов), построенный по принципу «нелинейного» структурирования материала за счет применения гипертекстовых ссылок (как внутренних, в пределах данного документа, так и перекрестных, указывающих на другие документы, в том числе размещенные на других компьютерах сети, или на их фрагменты), позволяющих одним щелчком мыши перемещаться из одной «смысловой точки» гипертекстового документа в другую. Контейнер — конструкция из парных «открывающего» и «закрывающего» тегов. При этом действие открывающего тега и его параметров распространяется на весь текстовый фрагмент, заключенный внутри контейнера.

Слайд 3


Основные определения Web-страница (интернет-страница, WWW-страница), web-документ — обособленный документ, хранящийся в отдельном файле на диске и включающий в себя текст, отображаемый на экране во время просмотра в браузере, а также теги языка HTML, дополненный хранящимися в отдельных файлах и подгружаемыми дополнительно по размещенным в тексте страницы ссылкам мультимедиа-иллюстрациями (рисунками, видео, аудио- и пр.). Сайт, web-сайт — набор web-страниц, составляющих единую подборку и связанных между собой перекрестными ссылками. Одна из этих страниц является основной (головной, индексной, стартовой) и автоматически выдается на просмотр пользователю, указавшему в браузере только адрес сайта, тогда как все остальные страницы, как правило, вызываются из основной с помощью гиперссылок.
Описание слайда:
Основные определения Web-страница (интернет-страница, WWW-страница), web-документ — обособленный документ, хранящийся в отдельном файле на диске и включающий в себя текст, отображаемый на экране во время просмотра в браузере, а также теги языка HTML, дополненный хранящимися в отдельных файлах и подгружаемыми дополнительно по размещенным в тексте страницы ссылкам мультимедиа-иллюстрациями (рисунками, видео, аудио- и пр.). Сайт, web-сайт — набор web-страниц, составляющих единую подборку и связанных между собой перекрестными ссылками. Одна из этих страниц является основной (головной, индексной, стартовой) и автоматически выдается на просмотр пользователю, указавшему в браузере только адрес сайта, тогда как все остальные страницы, как правило, вызываются из основной с помощью гиперссылок.

Слайд 4


Основные определения: Браузер (web-браузер) — программа, запускаемая на локальном компьютере для просмотра web-страниц, их сохраненных на локальном диске копий, а также любых документов, созданных с использованием языка HTML. Сегодня наиболее популярными являются браузеры Microsoft Internet Explorer, Netscape Navigator / Netscape Communicator, Opera, Mozilla, Firefox и др.
Описание слайда:
Основные определения: Браузер (web-браузер) — программа, запускаемая на локальном компьютере для просмотра web-страниц, их сохраненных на локальном диске копий, а также любых документов, созданных с использованием языка HTML. Сегодня наиболее популярными являются браузеры Microsoft Internet Explorer, Netscape Navigator / Netscape Communicator, Opera, Mozilla, Firefox и др.

Слайд 5


HTML – язык разметки текстовых документов Теги HTML (команды) – определяют как будет выглядеть текст: шрифт, выравнивание абзацев и т.д. Теги записываются между угловыми скобками < >. Например: <html> , <body>, <br>. Обычно теги бывают парными <начало тега> и </конец тега> - контейнер: <html> ……. </html> <body> ……. </body>
Описание слайда:
HTML – язык разметки текстовых документов Теги HTML (команды) – определяют как будет выглядеть текст: шрифт, выравнивание абзацев и т.д. Теги записываются между угловыми скобками < >. Например: <html> , <body>, <br>. Обычно теги бывают парными <начало тега> и </конец тега> - контейнер: <html> ……. </html> <body> ……. </body>

Слайд 6


Основные части HTML -документа
Описание слайда:
Основные части HTML -документа

Слайд 7


Основные части HTML -документа
Описание слайда:
Основные части HTML -документа

Слайд 8


Упр. 1 ПРОСТЕЙШАЯ HTML-СТРАНИЦА Открыть редактор Блокнот и набрать текст: <html> <head> <title> … </title> </head> <body> </body> </html> Сохранить документ в своей папке под именем lesson1.html Открыть сохраненный документ.
Описание слайда:
Упр. 1 ПРОСТЕЙШАЯ HTML-СТРАНИЦА Открыть редактор Блокнот и набрать текст: <html> <head> <title> … </title> </head> <body> </body> </html> Сохранить документ в своей папке под именем lesson1.html Открыть сохраненный документ.

Слайд 9


Упражнение 2 Открыть lesson1.html и с помощью команд Вид → Просмотр HTML-кода открыть окно редактора Блокнот: <html> <head> <title> Урок 1 </title> </head> <body> </body> </html> Сохранить изменения в документ Обновить открытый в браузере документ.
Описание слайда:
Упражнение 2 Открыть lesson1.html и с помощью команд Вид → Просмотр HTML-кода открыть окно редактора Блокнот: <html> <head> <title> Урок 1 </title> </head> <body> </body> </html> Сохранить изменения в документ Обновить открытый в браузере документ.

Слайд 10


Упр. 3. Прописка сайта в поисковых системах В контейнере <head> ….</head> размещается тег <meta>, который имеет name – параметр: keywords - ключевые слова discription - описание страницы author - автор content - значение параметра
Описание слайда:
Упр. 3. Прописка сайта в поисковых системах В контейнере <head> ….</head> размещается тег <meta>, который имеет name – параметр: keywords - ключевые слова discription - описание страницы author - автор content - значение параметра

Слайд 11


<html> <html> <head> <title> Урок 1 </title> <meta name= "keywords" content = "Стихотворение”> <meta name= "discription" content = "Стихи о компьютере и об отношении к предмету информатика"> <meta name= "author" content = "Пакульских Елена Валентиновна”> </head> <body> </body> </html>
Описание слайда:
<html> <html> <head> <title> Урок 1 </title> <meta name= "keywords" content = "Стихотворение”> <meta name= "discription" content = "Стихи о компьютере и об отношении к предмету информатика"> <meta name= "author" content = "Пакульских Елена Валентиновна”> </head> <body> </body> </html>

Слайд 12


<html> <html> <head> <title> Урок 1 </title> <meta name= "keywords" content = "Стихотворение“> <meta name= "discription" content = "Стихи о компьютере и об отношении к предмету информатика"> <meta name= "author" content = "Пакульских Елена Валентиновна”> </head> <body> Компьютер<br><br> С информатикой в пути<br> Легче продвигаться -<br> Вычисления вести<br> И не ошибаться.<br> Дисковод, дисплей, блок-схема -<br> Нам слова известные,<br> И компьютер как система -<br> Очень интересен нам. <br> Диск, винчестер и модем:<br> Познаем все новое.<br> Мы построим много схем<br> И найдем искомое.<br> Биты, байты, килобайты<br> Нам помогут в сеть зайти<br> И без лишней суеты<br> Сразу нужный файл найти.<br><br> Максим Самойлов </body> </html>
Описание слайда:
<html> <html> <head> <title> Урок 1 </title> <meta name= "keywords" content = "Стихотворение“> <meta name= "discription" content = "Стихи о компьютере и об отношении к предмету информатика"> <meta name= "author" content = "Пакульских Елена Валентиновна”> </head> <body> Компьютер<br><br> С информатикой в пути<br> Легче продвигаться -<br> Вычисления вести<br> И не ошибаться.<br> Дисковод, дисплей, блок-схема -<br> Нам слова известные,<br> И компьютер как система -<br> Очень интересен нам. <br> Диск, винчестер и модем:<br> Познаем все новое.<br> Мы построим много схем<br> И найдем искомое.<br> Биты, байты, килобайты<br> Нам помогут в сеть зайти<br> И без лишней суеты<br> Сразу нужный файл найти.<br><br> Максим Самойлов </body> </html>

Слайд 13


Контрольные вопросы Что такое язык HTML? Для чего он нужен? Что такое браузер? Для чего он нужен? Из каких двух основных частей состоит любой HTML-документ? Что такое тег? Что такое контейнер? Чем HTML-теги отличаются от остального текста HTML-документа? Что означает косая черта («/») перед именем тега? Какие теги описывают общие правила отображения HTML-документа и содержат дополнительную информацию о нем?
Описание слайда:
Контрольные вопросы Что такое язык HTML? Для чего он нужен? Что такое браузер? Для чего он нужен? Из каких двух основных частей состоит любой HTML-документ? Что такое тег? Что такое контейнер? Чем HTML-теги отличаются от остального текста HTML-документа? Что означает косая черта («/») перед именем тега? Какие теги описывают общие правила отображения HTML-документа и содержат дополнительную информацию о нем?

Слайд 14


Контрольные вопросы Между какими тегами располагаются команды, согласно которым браузер выводит текст в своем окне? Между какими тегами располагается имя HTML-документа, которое отображается в заголовке окна браузера? Между какими тегами задается метаинформация, чтобы поисковые системы могли легко найти ваш сайт по ключевому слову, описанию или имени автора? Как записать эту информацию в составе web-документа?
Описание слайда:
Контрольные вопросы Между какими тегами располагаются команды, согласно которым браузер выводит текст в своем окне? Между какими тегами располагается имя HTML-документа, которое отображается в заголовке окна браузера? Между какими тегами задается метаинформация, чтобы поисковые системы могли легко найти ваш сайт по ключевому слову, описанию или имени автора? Как записать эту информацию в составе web-документа?

Слайд 15


Контрольные вопросы Какие теги обязательно должны иметься в любом HTML-документе? Какой вариант HTML-кода для пустой web-страницы правильный?
Описание слайда:
Контрольные вопросы Какие теги обязательно должны иметься в любом HTML-документе? Какой вариант HTML-кода для пустой web-страницы правильный?

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию