История ИКТ, IT и HTML Аноприенко Александр Яковлевич Заведующий кафедрой

технический университет
Версия 2019
Лекция 2 Введение в специальность
План лекции:

Что такое ИКТ,

IT и кто такой «айтишник»?
Когда началась история IT?
Важнейшие вехи в истории IT?
Что такое HTML и почему это так важно?
Как устроен и как работает HTML ?

и кто такой «айтишник»:
ИКТ – информационно-компьютерные технологии
IT – Information Technologies

«Айтишник»

- профессионал в области ИКТ/IT

Когда началась история IT?

1991 ? – начало WWW - World Wide Web
– «Всемирная паутина»
- «Всемирная информационная система»

? – начало WWW - World Wide Web
– «Всемирная

паутина»
- «Всемирная информационная система»

1969 ? – начало Интернет (ARPANet)
— всемирная система объединённых компьютерных сетей для хранения, обработки и передачи информации. Часто упоминается как Всемирная сеть и Глобальная сеть, а также просто Сеть.

? – Первый электронный цифровой компьютер

? – Начало книгопечатания (Иоганн Гутенберг)

? – Начало книгопечатания (Иоганн Гутенберг)

тыс. до н.э. ? – Начало письменности (Шумер?)

тыс. до н.э. ? – Календарь из Гонцов

тыс. до н.э. ? – Мальтинская пластина (Прибайкалье)

тыс. до н.э. ? – Мальтинская пластина

тыс. до н.э. ? – Мальтинская пластина
Мировое древо жизни

информации:

doc, docx - формат документов Microsoft Word
(docx – впервые в

«Microsoft Word 2007»)

ppt, pptx - формат презентаций MS PowerPoint

pdf – Portable Document Format (c 1993 года)
– точно так как «на бумаге»!

html – HyperText Markup Language
- «язык гипертекстовой разметки»
(c 1991 года)

ответ
на вызовы «информационного взрыва»
эпохи научно-технической революции:

«XML и HTML —

начало будущей гипертекстовой революции… »

Предистория:
1945 – Ванневар Буш: Memex
1965 – Тед Нельсон: Гипертекст

в Политехническом музее в Москве

HTML (+ HTTP и URL)
Изобретатель URI, URL, HTTP, HTML,

изобретатель Всемирной паутины и действующий глава Консорциума Всемирной паутины.

Автор концепции семантической паутины. Автор множества других разработок в области информационных технологий…

Проект 1990-1993:
Разработан первый в мире веб-сервер «httpd» и первый в мире гипертекстовый веб-браузер. Свободное распространение по Интернет с лета 1991 года..
6 августа 1991 года – запущен первый в мире веб-сайт по адресу http://info.cern.ch.

HTML (+ HTTP и URL)

модель описания документа как совокупности элементов, каждый из которых окружен

тегами.
По своему значению и принципам использования теги близки к понятию скобок "begin/end" в языках программирования,

Общая схема построения элемента текста в формате HTML может быть записана в следующем виде:
<имя атрибуты> содержание элемента

Введение в HTML

тегов
Введение в HTML

браузере увидеть HTML-код страницы

является одним из важных элементов HTML и предназначен для создания

ссылок.
В зависимости от присутствия атрибутов name или href тег устанавливает гиперссылку (1) или якорь (2).

Якорь (англ. Anchor) — закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

ресурсов URL (англ. URL — Uniform Resource Locator) — единообразный

локатор (определитель местонахождения) ресурса.

URL разработан как система для максимально естественной адресации на местонахождения ресурсов в сети. Традиционная форма записи URL:

протокол — схема обращения к ресурсу (сетевой протокол);
логин — имя пользователя, используемое для доступа к ресурсу;
пароль — пароль указанного пользователя;
хост — полностью прописанное доменное имя хоста в системе DNS или IP-адрес хоста
порт — номер порта хоста для подключения;
URL-путь — уточняющая информация о месте нахождения ресурса; зависит от протокола;
параметры — строка запроса с передаваемыми на сервер параметрами.
якорь — идентификатор «якоря», ссылающегося на некоторую метку в открываемом документе.

картинок в HTML используется тег IMG с обязательным атрибутом SRC. Этот атрибут указывает браузеру путь

к файлу изображения. Т.е. для вставки картинки с названием photo.jpg в определенное место страницы (при условии, что и страница, и картинка расположены в одной папке (каталоге)) нужно в этом месте вставить следующий html-код:
< img src="photo.jpg">

Если картинка и страница расположены в разных каталогах (папках), то нужно указать путь к изображению относительно страницы. Например, если html-страница лежит в каталоге (папке) site, в этом же каталоге (папке) расположен подкаталог (папка) images, в котором и находится наша картинка photo.jpg, то для её вставки нужно написать так:
< img src="/images/photo.jpg">

популярными тегами для форматирования текста являются:

< B>< /B> — используется для

выделения текста полужирным
(или тег < strong>< /strong>).
< I>< /I> — используется для получения курсивного текста
(или тег < em>< /em>). < SUB>< /SUB> — предназначен для выделения подстрочного текста (нижний индекс). Этот тег может быть полезен, например, для записи химических формул.
Код H< sub>2< /sub>O даст нам вот такую формулу H2O.
< SUP>< /SUP> — нужен для выделения надстрочного текста (верхнего индекса). Например, для записи возведения в степень: пишем (a+b)< sup>2< /sup>,
Получаем (a+b)2.

Абзацы создаются с помощью тега < P>:
< p>Это первый абзац.< /p> < p>Это второй абзац.< /p>

новый параграф. Каждый абзац текста должен быть заключен в свою

пару тегов

…

. Закрывающий тег не обязателен.
Параметр align задает выравнивание:
left, right, justify или center.

Элемент P (от англ. Paragraph)

Ненумерованные (маркированные) списки
(Unordered List)


Элемент списка 1
Элемент списка 2

Нумерованные списки (Ordered List)


Элемент списка 1
Элемент списка 2

горизонтальную линию, которая по своему виду зависит от используемых параметров.

Линия всегда начинается с новой строки, после нее все элементы отображаются на следующей строке (блочный элемент). Параметры:
size – устанавливает толщину линии;
width – устанавливает ширину линии;
color – задает цвет линии.

Непарный тег-разделитель

---