Презентация, доклад по теме Язык разметки гипертекста 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/thumbs/e2c9120a83d72cc9029e5540c0cfa7b1-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Структурные теги HTMLТег ( … )Этот тег помещают в начало и конец документа, сообщая браузеру, что весь документ составлен на HTML. Тег (... )Тег определяет заголовок, то есть часть документа, которая содержит информацию о документе. Тег не имеет собственных атрибутов, он используется в качестве контейнера для других тегов заголовка, таких как , и , т.е. заключаются между тегами и . "><img src="/img/thumbs/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="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/prezentatsiya-po-teme-pravila-tbinformatsiya"> <img src="/img/tmb/7/685159/6c17fc153c9ff033b650ffa31c1628a4-800x.jpg" alt="Презентация по теме Правила ТБ_Информация"> <span class="desc"> <span>Презентация по теме Правила ТБ_Информация</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 185</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/testovye-zadaniya-po-informatike-2"> <img src="/img/thumbs/e1963e649d3ae6d78112c36e414e310d-800x.jpg" alt="Тестовые задания по информатике"> <span class="desc"> <span>Тестовые задания по информатике</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 141</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-637067-10 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-637067-10' }) })</script></div> <div class="wrapper"> <a href="/informatika/prezentatsiya-k-uroku-informatika-i-ikt-1"> <img src="/img/thumbs/90b00f83bd6e312cd9109dc50094b964-800x.jpg" alt="Презентация к уроку (информатика и икт, 9 класс) на тему: презентация Моделирование"> <span class="desc"> <span>Презентация к уроку (информатика и икт, 9 класс) на тему: презентация Моделирование</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 257</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/soedinyaem-1-klass-tarudchenko-alsemenov"> <img src="/img/thumbs/a7748e4558eba67c27ed7472d4d1e73f-800x.jpg" alt="Соединяем 1 класс (Т.А.Рудченко, А.Л.Семенов)"> <span class="desc"> <span>Соединяем 1 класс (Т.А.Рудченко, А.Л.Семенов)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 174</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-informatiki-na-temu-elektronnaya"> <img src="/img/tmb/1/77427/56915e7592c72fc20e8bc60e067ff49b-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/metody-i-organizatsionnye-formy-obucheniya-informatiki"> <img src="/img/thumbs/69abc45605964cb1a0fe2427e0a78073-800x.jpg" alt="Методы и организационные формы обучения информатики в школе"> <span class="desc"> <span>Методы и организационные формы обучения информатики в школе</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 273</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>