Презентация, доклад по теме Язык разметки гипертекста HTML

Содержание

Основные понятияWWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания файлов, хранящихся в сети на компьютерах во всем мире.

Слайд 1Язык разметки гипертекста HTML
Автор: Загородникова Светлана Николаевна

Язык разметки гипертекста HTMLАвтор: Загородникова Светлана Николаевна

Слайд 2Основные понятия
WWW (World Wide Web) – «Всемирная паутина» – система Интернет,

предназначенная для гипертекстового связывания файлов, хранящихся в сети на компьютерах во всем мире.
Основные понятияWWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания файлов, хранящихся

Слайд 3
Основные понятия
Web-сервер – компьютер в сети Интернет, хранящий Web-страницы и соответствующее

программное обеспечение для работы с ними.
Основные понятияWeb-сервер – компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними.

Слайд 4
Основные понятия
Web-страница – основной документ, используемый во всемирной паутине WWW. Это

комбинированный документ, который может содержать текст, рисунки, таблицы, диаграммы, анимированные изображения.
Web-сайт – совокупность нескольких Web-страниц, объединенных одной темой.
Основные понятияWeb-страница – основной документ, используемый во всемирной паутине WWW. Это комбинированный документ, который может содержать текст,

Слайд 5
Основные понятия
Гипертекст – электронный документ, который содержит в себе ссылки на

другие документы.
Гиперссылка – связь между различными компонентами информации.
Гипертекст вместе с внедренными в него ссылками образует гиперсреду.
Основные понятияГипертекст – электронный документ, который содержит в себе ссылки на другие документы.Гиперссылка – связь между различными

Слайд 6
Основные понятия
Web-страницы создаются с помощью специальных правил, а правила определяются с

помощью языка разметки HTML.
Web-страницы просматриваются специальными программами – браузерами.
Самые популярные браузеры: Internet Explorer, Netscape Navigator, Opera.
Основные понятияWeb-страницы создаются с помощью специальных правил, а правила определяются с помощью языка разметки HTML. Web-страницы просматриваются

Слайд 7
Тег
Основным понятием языка HTML является понятие тег.
ТЕГ – инструкция

браузеру, указывающая способ отображения информации.

Тег Основным понятием языка HTML является понятие тег. ТЕГ – инструкция браузеру, указывающая способ отображения информации.

Слайд 8
Структура HTML-документа

Структура HTML-документа

Слайд 9
Пример


Упражнение 1


Первый HTML-документ



Браузер – программа для просмотра Web-страниц



Пример Упражнение 1 Первый HTML-документ

Слайд 10
Памятка
Текст пишется в Блокноте
Сохранить как … (формат д.б. .htm или .html)
Имя

титульной (главной) страницы: index.htm
ПамяткаТекст пишется в БлокнотеСохранить как … (формат д.б. .htm или .html)Имя титульной (главной) страницы: index.htm

Слайд 11
Структурные теги HTML
Тег ( … )
Этот тег помещают в начало

и конец документа, сообщая браузеру, что весь документ составлен на HTML.
Тег (... )
Тег определяет заголовок, то есть часть документа, которая содержит информацию о документе. Тег не имеет собственных атрибутов, он используется в качестве контейнера для других тегов заголовка, таких как , и , т.е. заключаются между тегами <head> и </head>. <br> </div> <div class="image"> <a href="/img/tmb/1/30623/e2c9120a83d72cc9029e5540c0cfa7b1-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Структурные теги HTMLТег ( … )Этот тег помещают в начало и конец документа, сообщая браузеру, что весь документ составлен на HTML. Тег (... )Тег определяет заголовок, то есть часть документа, которая содержит информацию о документе. Тег не имеет собственных атрибутов, он используется в качестве контейнера для других тегов заголовка, таких как , и , т.е. заключаются между тегами и . "><img src="/img/tmb/1/30623/e2c9120a83d72cc9029e5540c0cfa7b1-800x.jpg" title="Презентация по теме Язык разметки гипертекста HTML Структурные теги HTMLТег ( … )Этот тег помещают в начало и" alt="Структурные теги HTMLТег ( … )Этот тег помещают в начало и конец документа, сообщая браузеру, что весь"></a> </div> <hr> </div> <div class="descrip" id="slide12"> <h2><a href="/img/thumbs/3e93e735f08a3f8c080293c4e189be76-800x.jpg" target="_blank">Слайд 12</a><br>Структурные теги HTML<br>Тег определяет название документа, которое появится в верхней</h2> <div class="text"> строке окна браузера. <br>Тег<body> (body>…</body>)<br>Тег <body> определяет начало и конец основной части (тела) HTML-документа. В теле документа находится его содержимое (часть документа, которая выводится в окно браузера). Атрибуты этого тега оказывают влияние на весь документ.<br> </div> <div class="image"> <a href="/img/thumbs/3e93e735f08a3f8c080293c4e189be76-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Структурные теги HTMLТег определяет название документа, которое появится в верхней строке окна браузера. Тег (body>…)Тег определяет начало и конец основной части (тела) HTML-документа. В теле документа находится его содержимое (часть документа, которая выводится в окно браузера). Атрибуты этого тега оказывают влияние на весь документ."><img src="/img/thumbs/3e93e735f08a3f8c080293c4e189be76-800x.jpg" title="Презентация по теме Язык разметки гипертекста HTML Структурные теги HTMLТег определяет название документа, которое появится в верхней строке" alt="Структурные теги HTMLТег определяет название документа, которое появится в верхней строке окна браузера. Тег (body>…)Тег определяет начало"></a> </div> <hr> </div> </div> <div class="url"><a href="/informatika/prezentatsiya-po-teme-yazyk-razmetki-giperteksta/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatike-na-temu-globalnaya-3"> <img src="/img/tmb/5/495532/ac8363825a9d097df996d23eb100bb93-800x.jpg" alt="Презентация по информатике на тему Глобальная компьютерная сеть"> <span class="desc"> <span>Презентация по информатике на тему Глобальная компьютерная сеть</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 132</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatike-na-temu-instrumenty"> <img src="/img/tmb/4/384989/8ca1b392bdefee9833931e7c48c0a9bb-800x.jpg" alt="Презентация по информатике на тему Инструменты графического редактора Paint (5 класс)"> <span class="desc"> <span>Презентация по информатике на тему Инструменты графического редактора Paint (5 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 373</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-ikt-na-temu-kiberprestupnost"> <img src="/img/tmb/2/147056/a237816b94f78ae3b73a58abbe640b46-800x.jpg" alt="Презентация по ИКТ на тему: Киберпреступность"> <span class="desc"> <span>Презентация по ИКТ на тему: Киберпреступность</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 1397</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/predstavlenie-informatsii-yazyki-kodirovanie-10-klass"> <img src="/img/tmb/3/237269/e6b0868169a4a660785635cac58a27a0-800x.jpg" alt="Представление информации, языки, кодирование (10 класс)"> <span class="desc"> <span>Представление информации, языки, кодирование (10 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 227</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatike-i-ikt-sozdanie"> <img src="/img/tmb/1/6642/e5b415067e7827a29a370712f746ea56-800x.jpg" alt="Презентация по информатике и ИКТ Создание базы данных ГЕО"> <span class="desc"> <span>Презентация по информатике и ИКТ Создание базы данных ГЕО</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 207</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatike-na-temu-dinamicheskie"> <img src="/img/thumbs/1b5513398a9cd5093e1fbfd0f1430b3e-800x.jpg" alt="Презентация по информатике на тему Динамические таблицы (9 класс)"> <span class="desc"> <span>Презентация по информатике на тему Динамические таблицы (9 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 316</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое shareslide.ru?</h4> <p> Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=62259274&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/62259274/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="62259274" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> <!--LiveInternet counter--> <script type="text/javascript"> document.write('<a href="//www.liveinternet.ru/click" '+ 'target="_blank"><img src="//counter.yadro.ru/hit?t15.3;r'+ escape(document.referrer)+((typeof(screen)=='undefined')?'': ';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+ ';h'+escape(document.title.substring(0,150))+';'+Math.random()+ '" alt="" title="LiveInternet: показано число просмотров за 24'+ ' часа, посетителей за 24 часа и за сегодня" '+ 'border="0" width="88" height="31"><\/a>') </script> <!--/LiveInternet--> </div> <div class="links"> </div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Email: <a href="#" class="js_hidden_email" data-address="shareslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?2447e50ae9548e2940ba7a21ee06d344"></script> </body> </html>