Презентация по теме Язык разметки гипертекста HTML
Автор: Загородникова Светлана Николаевна Язык разметки гипертекста HTML Основные понятия WWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания файлов, хранящихся в сети на компьютерах во всем мире. Основные понятия Web-сервер – компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними. Основные понятия Web-страница – основной документ, используемый во всемирной паутине WWW. Это комбинированный документ, который может содержать текст, рисунки, таблицы, диаграммы, анимированные изображения.Web-сайт – совокупность нескольких Web-страниц, объединенных одной темой. Основные понятия Гипертекст – электронный документ, который содержит в себе ссылки на другие документы.Гиперссылка – связь между различными компонентами информации.Гипертекст вместе с внедренными в него ссылками образует гиперсреду. Основные понятия Web-страницы создаются с помощью специальных правил, а правила определяются с помощью языка разметки HTML. Web-страницы просматриваются специальными программами – браузерами.Самые популярные браузеры: Internet Explorer, Netscape Navigator, Opera. Тег Основным понятием языка HTML является понятие тег. ТЕГ – инструкция браузеру, указывающая способ отображения информации. Структура HTML-документа Пример
Упражнение 1 Первый HTML-документ
Браузер – программа для просмотра Web-страниц Памятка Текст пишется в БлокнотеСохранить как … (формат д.б. .htm или .html)Имя титульной (главной) страницы: index.htm Структурные теги HTML Тег
, т.е. заключаются между тегами <head> и </head>. Структурные теги HTML Тег <title> определяет название документа, которое появится в верхней строке окна браузера. Тег<body> (body>…</body>)Тег <body> определяет начало и конец основной части (тела) HTML-документа. В теле документа находится его содержимое (часть документа, которая выводится в окно браузера). Атрибуты этого тега оказывают влияние на весь документ.
</p>
</div>
<div class="clearfix"></div>
</div><!-- .col-md-8 -->
<div class="col-md-4">
<div id="secondary" class="widget-area" role="complementary">
<aside id="search-2" class="blog-widget widget widget_search"><form role="search" method="get" id="search" style="float:none;" action="/">
<input type="search" class="col-md-9 search-field" placeholder="Search here …" value="" name="s" title="Search for:">
<input type="submit" class="col-md-3 search-submit" value="">
</form>
</aside>
<aside id="recent-posts-2" class="blog-widget widget widget_recent_entries">
<h4>Закажи дипломную, курсовую, реферат через ВКонтакте</h4> <!-- Put this div tag to the place, where the Group block will be -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 4, wide: 1, height: 400, color1: "FFFFFF", color2: "000000", color3: "5181B8"}, 209814955);
</script>
</aside><aside id="archives-2" class="blog-widget widget widget_archive">
<!-- Yandex.RTB R-A-636063-2 -->
<div id="yandex_rtb_R-A-636063-2"></div>
<script>
window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
"blockId": "R-A-636063-2",
"renderTo": "yandex_rtb_R-A-636063-2"
})
})
</script>
</aside>
</div><!-- #secondary -->
</div><!-- .col-md-4 -->
</div><!-- .row -->
</div>
<!-- FOOTER BEGIN
================================================== -->
<div class="beforefooter text-center"></div>
<footer id="colophon" class="site-footer " role="contentinfo">
<div class="text-center wraptotop">
<a class="totop"><i class="fa fa-chevron-up"></i></a>
</div>
<div class="footer">
<div class="container">
<div class="row">
</div>
</div>
</div>
<div class="footerbottom">
<div class="container">
<div class="row">
<!-- left -->
<div class="col-md-6">
</div>
<!-- right -->
<div class="col-md-6 smallspacetop">
<div class="pull-right smaller">
<ul id="menu-%d1%84%d1%83%d1%82%d0%b5%d1%80" class="footermenu"><li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a title=" " target="_blank" rel="noopener" href="http://lib-5.ru/urok1/">urok1</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a title=" " target="_blank" rel="noopener" href="http://lib-5.ru/urok2/">urok2</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a title=" " target="_blank" rel="noopener" href="http://lib-5.ru/urok3/">urok3</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a title=" " target="_blank" rel="noopener" href="http://lib-5.ru/urok4/">urok4</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18"><a title=" " target="_blank" rel="noopener" href="http://lib-5.ru/urok5/">urok5</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><a title=" " target="_blank" rel="noopener" href="http://lib-5.ru/urok6/">urok6</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20"><a title=" " target="_blank" rel="noopener" href="http://lib-5.ru/urok7/">urok7</a></li>
<li id="menu-item-672" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-672"><a target="_blank" rel="noopener" href="http://lib-5.ru/freereferat/">freereferat</a></li>
<li id="menu-item-673" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-673"><a target="_blank" rel="noopener" href="http://lib-5.ru/ref12/">ref12</a></li>
</ul> </div>
<div class="clearfix">
</div>
</div>
<!-- end right -->
</div>
</div>
</div>
</footer>
<!-- FOOTER END
================================================== -->
</div>
<script type='text/javascript' src='/wp-content/themes/biscayalite/js/bootstrap.js?ver=3.3.5' id='wow-bootstrapjs-js'></script>
<script type='text/javascript' src='/wp-content/themes/biscayalite/js/jquery.easing.1.3.js?ver=6.1.4' id='wow-easingjs-js'></script>
<script type='text/javascript' src='/wp-content/themes/biscayalite/js/common.js?ver=6.1.4' id='wow-commonjs-js'></script>
<script type='text/javascript' src='/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.1.5' id='q2w3_fixed_widget-js'></script>
<script type='text/javascript' src='/wp-content/themes/biscayalite/js/isotope.js?ver=6.1.4' id='wow-isotopejs-js'></script>
<script src="//code.jivo.ru/widget/SJcRVelprK" async></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(31342598, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/31342598" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script src="//code.jivo.ru/widget/SJcRVelprK" async></script>
<!-- Bothelp.io widget -->
<script type="text/javascript">!function(){var e={"token":"+79202357777","position":"left","bottomSpacing":"","callToActionMessage":"Заказать диплом, курсовую онлайн","displayOn":"everywhere","subtitle":"Описание или время работы","message":{"name":"Заказать диплом или реферат","content":"Здравствуйте, ч могу вам помочь с дипломной, курсовой или другой работой? Пишите"}},t=document.location.protocol+"//bothelp.io",o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=t+"/widget-folder/widget-whatsapp-chat.js",o.onload=function(){BhWidgetWhatsappChat.init(e)};var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(o,n)}();</script>
<!-- /Bothelp.io widget -->
</body>
</html>