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

Презентация на тему Презентация по теме Язык разметки гипертекста HTML, предмет презентации: Информатика. Этот материал в формате pptx (PowerPoint) содержит 12 слайдов, для просмотра воспользуйтесь проигрывателем. Презентацию на заданную тему можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них, все права принадлежат авторам презентаций и могут быть удалены по их требованию.

Слайды и текст этой презентации

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

Язык разметки гипертекста HTML

Автор: Загородникова Светлана Николаевна


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

Основные понятия

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


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


Основные понятия

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


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


Основные понятия

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


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


Основные понятия

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


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


Основные понятия

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


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


Тег

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


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


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


Слайд 9
Пример    Упражнение 1        Первый HTML-документ
Текст слайда:


Пример



Упражнение 1


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




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




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


Памятка

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


Слайд 11
Структурные теги HTMLТег ( … )Этот тег помещают в начало и конец документа, сообщая браузеру, что весь
Текст слайда:


Структурные теги HTML

Тег ( … )
Этот тег помещают в начало и конец документа, сообщая браузеру, что весь документ составлен на HTML.
Тег (... )
Тег определяет заголовок, то есть часть документа, которая содержит информацию о документе. Тег не имеет собственных атрибутов, он используется в качестве контейнера для других тегов заголовка, таких как , и , т.е. заключаются между тегами <head> и </head>. <br> </div> <hr> </div> <div class="descrip"> <center><a href="/img/thumbs/3e93e735f08a3f8c080293c4e189be76-800x.jpg" target="_blank">Слайд 12</a></center> <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Тег определяет название документа, которое появится в верхней строке" alt="Структурные теги HTMLТег определяет название документа, которое появится в верхней строке окна браузера. Тег (body>…)Тег определяет начало"></a> </div> <div class="text"> <center>Текст слайда:</center> <p><br><p>Структурные теги HTML<br><p>Тег <title> определяет название документа, которое появится в верхней строке окна браузера. <br>Тег<body> (body>…</body>)<br>Тег <body> определяет начало и конец основной части (тела) HTML-документа. В теле документа находится его содержимое (часть документа, которая выводится в окно браузера). Атрибуты этого тега оказывают влияние на весь документ.<br> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-637067-9 --> <div id="yandex_rtb_R-A-637067-9"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-637067-9', blockId: 'R-A-637067-9' }) })</script></div> <div class="url"><a href="/informatika/prezentatsiya-po-teme-yazyk-razmetki-giperteksta/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-637067-8 --> <div id="yandex_rtb_R-A-637067-8"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-637067-8', blockId: 'R-A-637067-8' }) })</script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/bd-i-subd-11-klass"> <img src="/img/thumbs/fafc2b192d90843a8777d269cf45322c-800x.jpg" alt="БД и СУБД (11 класс)"> <span class="desc"> <span>БД и СУБД (11 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 145</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatike-na-temu-strokovyy"> <img src="/img/thumbs/e7c6f44e4a897edc9a700e5baa117b03-800x.jpg" alt="Презентация по информатике на тему Строковый тип данных"> <span class="desc"> <span>Презентация по информатике на тему Строковый тип данных</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 91</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-637067-1 --> <div id="yandex_rtb_R-A-637067-1"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-637067-1", renderTo: "yandex_rtb_R-A-637067-1", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="wrapper"> <a href="/informatika/uchebnaya-prezentatsiya-na-temu-modelirovanie-kak"> <img src="/img/tmb/1/83227/1abc15d71d83ad82aafbb7375c1d6817-800x.jpg" alt="Учебная презентация на тему: Моделирование как метод познания"> <span class="desc"> <span>Учебная презентация на тему: Моделирование как метод познания</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 59</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatike-na-temu-ustroystva-20"> <img src="/img/thumbs/d1be69012c500b752731147b141e381c-800x.jpg" alt="Презентация по информатике на тему Устройства компьютера. Процессор"> <span class="desc"> <span>Презентация по информатике на тему Устройства компьютера. Процессор</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 72</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-teme-programmnoe-obespechenie-kompyutera"> <img src="/img/thumbs/8372980aca40e5638cc9755f640e9574-800x.jpg" alt="Презентация по теме Программное обеспечение компьютера"> <span class="desc"> <span>Презентация по теме Программное обеспечение компьютера</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 122</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/dannye-i-programmy-1"> <img src="/img/tmb/8/705983/8dc18bfd85f26ef6320ca00e5e1a9495-800x.jpg" alt="Данные и программы"> <span class="desc"> <span>Данные и программы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 102</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?517fa6e982acc1a0ec4bb7c3207e0fbd"></script> </body> </html>