Презентация, доклад по теме Язык разметки гипертекста 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-k-uroku-informatiki-operator-tsikla"> <img src="/img/tmb/1/27677/32e720cc330765d8d2c61dd4adf8119d-800x.jpg" alt="Презентация к уроку информатики Оператор цикла FOR"> <span class="desc"> <span>Презентация к уроку информатики Оператор цикла FOR</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 201</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-teme-rezhimy-raboty-mikroprotsessornoy"> <img src="/img/tmb/5/401125/92646102a62ade31d64ae7dfe8089981-800x.jpg" alt="Презентация по теме Режимы работы микропроцессорной системы"> <span class="desc"> <span>Презентация по теме Режимы работы микропроцессорной системы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 406</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-informatika-istoriya-razvitiya-evm"> <img src="/img/tmb/5/466323/ff3740fdd40d6f7cffde8e01ee303d65-800x.jpg" alt="Презентация. информатика. история развития ЭВМ"> <span class="desc"> <span>Презентация. информатика. история развития ЭВМ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 189</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/otkrytyy-urok-po-informatike-10-klass"> <img src="/img/thumbs/0bbca899ffbc7f99e4f3828ac56139a9-800x.jpg" alt="Открытый урок по информатике, 10 класс. Способы разработки веб-сайтов. HTML"> <span class="desc"> <span>Открытый урок по информатике, 10 класс. Способы разработки веб-сайтов. HTML</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 742</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-osnovam-shemotehniki-tranzistor"> <img src="/img/tmb/5/425316/7eca5c5964d536393a83cec677054bdc-800x.jpg" alt="Презентация по основам схемотехники Транзистор"> <span class="desc"> <span>Презентация по основам схемотехники Транзистор</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 153</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/graficheskiy-redaktor-paint-rabota-s-fragmentami"> <img src="/img/tmb/1/23783/bf6fe29055864a990ceb9a3e682bbab3-800x.jpg" alt="Графический редактор Paint. Работа с фрагментами рисунка"> <span class="desc"> <span>Графический редактор Paint. Работа с фрагментами рисунка</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 197</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>