Презентация, доклад по теме Язык разметки гипертекста 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/master-klass-osobennosti-elektronnyh-tablits-v"> <img src="/img/thumbs/e2aa1a325b0ef8735ac72ff9e285059a-800x.jpg" alt="Мастер-класс Особенности электронных таблиц в различных офисных программах. Подготовка учащихся к ОГЭ по информатике, практическое задание №19"> <span class="desc"> <span>Мастер-класс Особенности электронных таблиц в различных офисных программах. Подготовка учащихся к ОГЭ по информатике, практическое задание №19</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 192</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/algoritm-algoritmd-zhazu-pshm-blok-shemalar"> <img src="/img/tmb/1/91789/678526f65d733db68267e6c1b1f365d7-800x.jpg" alt="Алгоритм. Алгоритмді жазу пішімі. Блок-схемалар."> <span class="desc"> <span>Алгоритм. Алгоритмді жазу пішімі. Блок-схемалар.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 224</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-po-informatike-podgotovka-k-ege-2"> <img src="/img/thumbs/9fa4e1994cbc09a2752113f13baf6eb5-800x.jpg" alt="Презентация по информатике Подготовка к ЕГЭ. №23 (11 класс)"> <span class="desc"> <span>Презентация по информатике Подготовка к ЕГЭ. №23 (11 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 221</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/esepteush-tehnikasyny-damu-tarihy-6-synyp"> <img src="/img/tmb/1/31461/7ca55a7e172814b2baa88b607bb55505-800x.jpg" alt="Есептеуіш техникасының даму тарихы 6 сынып информатика сабағы"> <span class="desc"> <span>Есептеуіш техникасының даму тарихы 6 сынып информатика сабағы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 297</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/massivy-2"> <img src="/img/thumbs/a8ac93d1fe8a03eb277a6779a32db8e8-800x.jpg" alt="Массивы"> <span class="desc"> <span>Массивы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 318</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-podgotovka-kompyutera-k-rabote-2"> <img src="/img/thumbs/e6e28945fd42a2f04d562a78076f8ca3-800x.jpg" alt="Презентация Подготовка компьютера к работе (2 класс) Информатика и ИКТ"> <span class="desc"> <span>Презентация Подготовка компьютера к работе (2 класс) Информатика и ИКТ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 218</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>