SlideShare a Scribd company logo
1 of 19
Download to read offline
Что такое HTML?
Введение
17/7/2018
от англ
язык гипертекстовой разметки
Тим Бернерс Ли создатель
Всемирной паутины и язык
ВЫБОР РЕДАКТОРА
ДЛЯ СОЗДАНИЯ САЙТА
Создаем первый HTML
документ
2.4 Основной HTML
ТЕГ
Тег – это элемент языка
разметки текста (HTML).
Кратко говоря: «Тег –
элемент HTML», все, что
внутри тега, называют
содержанием элемента
<!DOCTYPE html>
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
<h1>Привет Мир.</h1>
</body>
</html>
ПРАКТИКА.
Создаем первую html страницу
Как просмотреть код
веб страницы
Структура веб страниц
Содержание сайта
•Просмотр кода через браузер
•Просмотр кода через браузер
Просмотр кода через браузер
На пустой части
веб страницы
Нажимаем правой
кнопкой мыши
Просмотр кода через браузер
На пустой части
веб страницы
Нажимаем правой
кнопкой мыши
Мүмкүнчүлүктөрү чектелген адамдарга карата окутуу проекти
Европалык Союзу тарыбынан финансылоо болгон ​
Бул документин мазмуну толугу менен Академиянын
жоопкерчилиги жана эч кандай жолунда Европалык Комиссиянын
көз карашын көргөзбөйт ​
​
Проект тренинг для людей с ограниченными возможностями
финансирован Европейским Союзом ​
Содержание этого документа полностью является
ответственностью и никак не отражает взгляды
Европейской Комиссии ​
​

More Related Content

Similar to 1. Введение

основы языка Html
основы языка Htmlосновы языка Html
основы языка Htmlmmlllll
 
основы Html
основы Htmlосновы Html
основы Htmlgalka08m
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTMLssuser3896e2
 
презентация по миру
презентация по мирупрезентация по миру
презентация по мируkuzeenka31
 
лекция №10
лекция №10лекция №10
лекция №10student_kai
 
2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекста2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекстаSergei Dubrov
 
тпцми пр№ 10 создание сайта
тпцми пр№ 10  создание сайтатпцми пр№ 10  создание сайта
тпцми пр№ 10 создание сайтаannuta123
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
 
Pavel Rumantsev - Html5
Pavel Rumantsev - Html5Pavel Rumantsev - Html5
Pavel Rumantsev - Html5beloslab
 
5.1 web
5.1 web5.1 web
5.1 webYlalt
 

Similar to 1. Введение (17)

основы Html
основы Htmlосновы Html
основы Html
 
основы языка Html
основы языка Htmlосновы языка Html
основы языка Html
 
основы Html
основы Htmlосновы Html
основы Html
 
HTML
HTMLHTML
HTML
 
пр 12.docx
пр 12.docxпр 12.docx
пр 12.docx
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTML
 
нтмл код
нтмл   коднтмл   код
нтмл код
 
презентация по миру
презентация по мирупрезентация по миру
презентация по миру
 
лекция №10
лекция №10лекция №10
лекция №10
 
2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекста2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекста
 
тпцми пр№ 10 создание сайта
тпцми пр№ 10  создание сайтатпцми пр№ 10  создание сайта
тпцми пр№ 10 создание сайта
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страниц
 
Pavel Rumantsev - Html5
Pavel Rumantsev - Html5Pavel Rumantsev - Html5
Pavel Rumantsev - Html5
 
5.1 web
5.1 web5.1 web
5.1 web
 
WEB
WEBWEB
WEB
 
HTML
HTMLHTML
HTML
 
2.4.7 HTML - Формы
2.4.7 HTML - Формы2.4.7 HTML - Формы
2.4.7 HTML - Формы
 

More from IT Academy Project EU

JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)IT Academy Project EU
 
Препроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор WinlessПрепроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор WinlessIT Academy Project EU
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google FontsIT Academy Project EU
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSSIT Academy Project EU
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)IT Academy Project EU
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSSIT Academy Project EU
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторыIT Academy Project EU
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифтаIT Academy Project EU
 

More from IT Academy Project EU (20)

Переменные PHP.pdf
Переменные PHP.pdfПеременные PHP.pdf
Переменные PHP.pdf
 
Js. alert, prompt, confirm
Js. alert, prompt, confirmJs. alert, prompt, confirm
Js. alert, prompt, confirm
 
Введение в DOM
Введение в DOMВведение в DOM
Введение в DOM
 
JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)
 
Препроцессор SASS
Препроцессор SASSПрепроцессор SASS
Препроцессор SASS
 
Препроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор WinlessПрепроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор Winless
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Что такое framework?
Что такое framework?Что такое framework?
Что такое framework?
 
1.1.1 Text Alternatives
1.1.1 Text Alternatives1.1.1 Text Alternatives
1.1.1 Text Alternatives
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google Fonts
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSS
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)
 
4.5 Веб-дизайн
4.5 Веб-дизайн4.5 Веб-дизайн
4.5 Веб-дизайн
 
3.5.5 Свойства Margin
3.5.5 Свойства Margin3.5.5 Свойства Margin
3.5.5 Свойства Margin
 
3.5.4 Свойства Padding
3.5.4 Свойства Padding3.5.4 Свойства Padding
3.5.4 Свойства Padding
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS
 
3.1 BASICS CSS
3.1 BASICS CSS3.1 BASICS CSS
3.1 BASICS CSS
 
CSS - Цвета
CSS - ЦветаCSS - Цвета
CSS - Цвета
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторы
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта
 

1. Введение