Разделы презентаций


Основы языка HTML

Основы языка HTMLРазработка языка разметки HTML привела в итоге к новой технологии распространения гипертекстовых документов в Internet. Однако для широкого распространения World Wide Web, кроме языка HTML, потребовалось разработка протокола передачи

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

Слайд 1Основы языка HTML
Идея решения проблемы обмена документами между различными компьютерами

и приложениями через Internet основана на языке разметки гипертекста HTML(HyperText

Markup Language).

Разметка документа - это описание различных фрагментов документа и их взаимного расположения.

Выполняется разметка с помощью символов ASCІІ, а точнее, арабских цифр, символов латинского алфавита и некоторых знаков препинания. Из этих символов набираются команды языка HTML - теги, иначе говоря, дескрипторы.

Термин "гипертекст" впервые был введен Тедом Нельсоном в 60-х годах, то есть задолго до появления Internet.
Понятие "гипертекст" обозначает электронный документ, который содержит в себе ссылки на другие документы.
Основы языка HTMLИдея решения проблемы обмена документами между различными компьютерами и приложениями через Internet основана на языке

Слайд 2Основы языка HTML
Разработка языка разметки HTML привела в итоге к

новой технологии распространения гипертекстовых документов в Internet.
Однако для широкого

распространения World Wide Web, кроме языка HTML, потребовалось разработка протокола передачи гипертекста HTTP (HyperText Trasport Protocol – протокол передачи гипертекста), который позволил осуществить обмен документами HTML.
Именно этот протокол дал возможность приложению-клиенту находить и использовать ресурсы, хранящиеся на другом компьютере. Протокол HTTP занимается поиском и загрузкой нужного документа всякий раз, когда пользователь щелкает мышью по какому-либо URL (адрес внешнего информационного ресурса).

Основные разработчики:

Тим Беренс-Ли, 1989 – основатель языка, создал базовый вариант HTML.
Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+.
Дэн Конноли,1994 - HTML 2.

В настоящее время версия с 1994 г. - HTML 4.0.

Основы языка HTMLРазработка языка разметки HTML привела в итоге к новой технологии распространения гипертекстовых документов в Internet.

Слайд 3Основы языка HTML
Основные элементы языка – команды (ТЭГИ)
Тэги:

Параметры

тэгов – указываются внутри тэга, разделяются пробелами:
Имя_параметра = “Значение_параметра”




Общая

структура документа HTML


Содержание заголовка


Содержание тела документа


Основы языка HTMLОсновные элементы языка – команды (ТЭГИ)			Тэги:			 … 			Параметры тэгов – указываются внутри тэга, 						разделяются пробелами:			Имя_параметра

Слайд 4Основы языка HTML
Элементы заголовка html-документа (тэг HEAD)

Основы языка HTMLЭлементы заголовка html-документа (тэг HEAD)

Слайд 5Основы языка HTML
Элементы стиля и форматирования текста.
Текст, заключенный между открывающим

и закрывающим тэгами, воспроизводится в соответствии со значением тэга и

его параметров.
Основы языка HTMLЭлементы стиля и форматирования текста.Текст, заключенный между открывающим и закрывающим тэгами, воспроизводится в соответствии со

Слайд 6Основы языка HTML
Списки

Основы языка HTMLСписки

Слайд 7Основы языка HTML
Гиперссылки.
Текст_гиперссылки , где
“Имя _URL” – Полный

адрес или относительный путь, определяющий источник для перехода по гиперссылке,
Текст_гиперссылки

– место в документе, которое будет гиперссылкой.

Можно определить гиперссылку на определенное место в другом документе или в этом же документе. Для этого место, на которое планируется сделать гиперссылку, обозначается следующим образом (либо в данном документе, либо в другом внешнем документе):
текст , где
“Имя_для_ссылки” – любое имя (идентификатор)
Текст – тот фрагмент текста, на который будет переводить гиперссылка.

Для того, чтобы сделать гиперссылку на этот фрагмент необходимо:
Текст гиперссылки - для ссылки на внешний файл.
Текст гиперссылки - для ссылки на место в текущем документе.

Вывести значение гиперссылки в другом окне:

Основы языка HTMLГиперссылки. Текст_гиперссылки , где“Имя _URL” – Полный адрес или относительный путь, определяющий источник для перехода

Слайд 8Основы языка HTML
Вставка рисунков



Выравнивание картинки относительно страницы:
ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT

Выравнивание

картинки относительно основного текста страницы:
ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
Фон и цвета
Фоновая картинка:

BACKGROUND="URL">
Цвет фона: (порядок: красный/зеленый/синий)
Цвет текста:
Цвет ссылки:
Пройденная ссылка:
Активная ссылка:
Основы языка HTMLВставка рисунковВыравнивание картинки относительно страницы:ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHTВыравнивание картинки относительно основного текста страницы:ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOMФон и цвета Фоновая картинка: Цвет

Слайд 9Основы языка HTML
Таблицы

Основы языка HTMLТаблицы

Слайд 10Основы языка HTML
Простое текстовое поле:
Поле checkbox:
Поле radiobutton:
Поле

password:
Поле hidden:
Кнопка Submit:
Кнопка Reset:
Графическая кнопка:

Ввод

интерактивных форм.

Примеры полей для ввода:

Простое текстовое поле:

Поле checkbox:

Поле radiobutton:

Поле password:

Поле hidden:

Кнопка Submit:

Кнопка Reset:

Графическая кнопка:


Основы языка HTML Простое текстовое поле:  Поле checkbox:  Поле radiobutton:  Поле password:  Поле

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика