Курс: «Основы веб программирования»
Что такое Всемирная паутина?
Как работает Всемирная паутина?
Что такое ГиперТекст?
Что такое язык HTML?
Синтаксис. Виды тегов
Структура любого документа HTML
Пример документа HTML:
357.01K
Category: programmingprogramming

Основы веб программирования

1. Курс: «Основы веб программирования»

Начало
Курс: «Основы веб программирования»
HTML
JavaScript
CSS

2. Что такое Всемирная паутина?

Модуль 1. Занятие 1.
Что такое Всемирная
паутина?
Всемирная паутина — World Wide Web — система,
предоставляющая доступ к связанным между собой
документам, расположенным на различных компьютерах,
подключённых к сети Интернет.
Для обозначения Всемирной паутины также используют
слово веб (англ. web «паутина») и аббревиатуру WWW.

3. Как работает Всемирная паутина?

Модуль 1. Занятие 1.
Как работает Всемирная паутина?
Принцип работы всемирной паутины основан на данных,
которые хранятся на компьютерах – серверах и
стандартизированном способе их передачи – протоколе.
Данный протокол называется:
HyperText Transfer Protocol — Протокол Передачи ГиперТекста –
HTTP
Данные, которые передаются с помощью данного протокола
между серверами называются ГиперТекстом – HyperText.

4. Что такое ГиперТекст?

Модуль 1. Занятие 1.
Что такое ГиперТекст?
ГиперТекст — Совокупность данных, содержащих текстовую,
аудио и видеоинформацию, связанных между собой взаимными
ссылками(перекрестными ссылками) в единый текст.
Для того, чтобы объединить все данные в единый ГиперТекст
используется специальный язык – HTML

5. Что такое язык HTML?

Модуль 1. Занятие 1.
Что такое язык HTML?
HTML — HyperText Markup Language — Язык Разметки
ГиперТекста — специальный язык, который позволяет пометить
различные данные специальными конструкциями – «тегами» –
чтобы преобразовать их в гипертекст.
Тег – основной элемент HTML. Наделяет данные содержащиеся
в файле определенными свойствами, на которые указывает.

6. Синтаксис. Виды тегов

Модуль 1. Занятие 1.
Синтаксис. Виды тегов
Все теги в HTML заключены в угловые скобки - <тег>
Теги делятся на два типа:
Одиночные: <!DOCTYPE html>, <br>, <meta> и т.д.
Парные – состоят из открывающего тега, и закрывающего:
<html> текст </html>, <head> текст </head>, <p> текст</p>
В закрывающем теге обязательно есть «слэш» - /

7. Структура любого документа HTML

Модуль 1. Занятие 1.
Структура любого документа HTML
Все HTML документы содержат обязательные теги, которые
образуют определенную структуру документа:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

8. Пример документа HTML:

Модуль 1. Занятие 1.
Пример документа HTML:
<!DOCTYPE html>
<html>
<head>
<title> Моя первая страница </title>
</head>
<body>
<p> Текст, который будет на странице. <br> Перенос </p>
</body>
</html>
English     Русский Rules