html
DESCRIPTION
TRANSCRIPT
![Page 1: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/1.jpg)
Язык разметки гипертекста HTML
www.serge-flamel.narod.ruhttp://kolodin.blogspot.com
![Page 2: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/2.jpg)
© С. Колодин, 2009
История создания Интернета
Интернет (межсетевое соединение) – объединение множества сетей, обеспечивающее распространение информационных потоков по всей планете.
А.Ю. Гаевский
![Page 3: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/3.jpg)
© С. Колодин, 2009
История создания Интернета
• 1971 г., первая программа для отправки электронной почты по сети
• 1983 г., введение протокола TCP/IP– Рождение Интернета
• 1988 г., появление Internet Relay Chat (IRC)
![Page 4: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/4.jpg)
© С. Колодин, 2009
World Wide Web – всемирная информационная сеть
• 1989 г., Европейский Совет по ядерным исследованиям (CERN), концепция Всемирной паутины – World Wide Web (WWW)
• 1989 г. – Европейская лаборатория физики элементарных частиц (Швейцария, Женева), Тим Бернерс-Ли (Tim Berners-Lee)
![Page 5: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/5.jpg)
© С. Колодин, 2009
• Личная страница Тима Бернерса-Ли: http://www.w3.org/People/Berners-Lee
• Блог Тима Бернерса-Ли, открытый в 2005 г.: http://dig.csail.mit.edu/breadcrumbs/blog/4
• Первый в мире веб-сайт: http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
Сэр Тимоти Джон Бернерс-Ли
![Page 6: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/6.jpg)
© С. Колодин, 2009
Первый веб-сайт
![Page 7: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/7.jpg)
© С. Колодин, 2009
История создания Интернета
• 1990 г., ARPANET прекратила своё существование; первое подключение по телефонной линии
• 1993 г., создан первый интернет-браузер Mosaic, Университет штата Иллинойс
![Page 8: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/8.jpg)
© С. Колодин, 2009
Язык разметки гипертекста
• Гипертекст – текст, содержащий связи с другими приложениями Internet.
• HTML – Hypertext Markup Language – язык разметки гипертекста. HTML – документ – это обычный текстовый файл, в который встроены специальные команды.
• Тэги (tags) – это фрагмент кода, который описывает определённый элемет документа HTML и заключается в угловые скобки < >
![Page 9: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/9.jpg)
© С. Колодин, 2009
Язык разметки гипертекста
• html-редакторы:– Macromedia
Dreamweaver– Macromedia HomeSite– Microsoft FrontPage– Namo Web Editor– CoffeeCup HTML Editor – OpenOffice.org– 1st Page
![Page 10: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/10.jpg)
© С. Колодин, 2009
Язык разметки гипертекста
• Web-сайт – это совокупность Web-страниц (нескольких десятков, сотен и даже тысяч), объединённых одной общей темой и помещённых, как правило, на одном узловом компьютере.
Ю. Гаевский
![Page 11: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/11.jpg)
© С. Колодин, 2009
Тэги HTML
◦ <html> … </html>• Заголовочная часть документа
◦ <head> … </head>• Заголовок документа
◦ <title> … </title>• Тело документа
◦ <body> … </body>• Комментарии
◦ <!--Это комментарий-->
![Page 12: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/12.jpg)
© С. Колодин, 2009
<HTML> <HEAD>
Служебная информация
<TITLE>информация об имени страницы
</TITLE>
</HEAD><BODY>
Web документ
</BODY></HTML>
Структура HTML-документа
![Page 13: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/13.jpg)
© С. Колодин, 2009
Тэги HTML
• Уровни заголовков◦ <hx> … </hx>, где х – цифра от 1 до 6
• Абзац◦ <p> … </p>◦ <p align=left|center|right>
• Центрирование элементов документа◦ <center> … </center>
• Разрыв строки◦ <br>◦ <br CLEAR=left|right|all >
![Page 14: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/14.jpg)
© С. Колодин, 2009
<HTML> <HEAD>
Служебная информация
<TITLE>информация об имени страницы
</TITLE>
</HEAD><BODY> <H1>
Web документ</H1>
</BODY></HTML>
Структура HTML-документа
![Page 15: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/15.jpg)
© С. Колодин, 2009
Использованные источники• Все браузеры Интернета - http://mielin.su• Википедия. Свободная энциклопедия
– http://ru.wikipedia.org/wiki/HTML– http://ru.wikipedia.org/wiki/HTML-редактор– http://ru.wikipedia.org/wiki/Тим_Бернерс-Ли
• Гаевский Ю.А. Информатика: 7 – 11 кл.: Учеб. Пособие. – К.: А.С.К., 2006
• Учебники HTML – – http://html.find-info.ru/html/023/index.htm– http://about-html.narod.ru
![Page 16: HTML](https://reader035.vdocuments.net/reader035/viewer/2022070304/54b901a94a7959de268b4590/html5/thumbnails/16.jpg)
© С. Колодин, 2009
Контакты
• www.serge-flamel.narod.ru• http://kolodin.blogspot.com• [email protected]