Главная
Поиск репетитора
Коллективный блог
публикаций
Форум (обсуждаем ЕГЭ 2020)
тем и сообщений
Для учебы
Ответы на экзамены
Топики по английскому языку
Топики по немецкому языку
Рефераты по литературе
Психологическая подготовка
Рефераты по история
Доклады по знаменитым личностям
Биографии писателей и поэтов
Орфографии и пунктуации
Экзамен по рус. языку и литературе

Последние обсуждаемые темы на форуме:


Посещаемые разделы:
ЕГЭ 2020, ВУЗы России



Последние публикации в коллективном блоге:








Cписок вопросов / Информатика - 11 класс
Основы языка разметки гипертекста (HTML).

    Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). Технология HTML состоит в том, что в обычный текстовый документ вставляют управляющие символы (тэги) и в результате получают Web-страницу. Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.
    
     Некоторые тэги имеют атрибуты, определяющие свойства тэга. Атрибут — это имя свойства, которое может принимать определенные значения.
    
     Для создания Web-страниц служат простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот.
    
     HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и содержание. Заголовок Web-страницы заключается в контейнер и содержит справочную информацию о странице, которая не отображается браузером, а также название документа.
    
     Название Web-страницы содержится в контейнере и выводится в строке заголовка браузера. Назовем нашу Web-страницу «Компьютер»:
    
    
    
     Koмпьютер<Title><br>    <br>     </HEAD><br>    <br>     Основное содержание страницы помещается в контейнер <BODY></BODY>, и в него могут входить текст, графические изображения, таблицы, бегущие строки, звуковые файлы и т. д. Поместим для начала на страницу текст «Давайте знакомиться — Компьютер»:<br>    <br>     <BODY><br>    <br>     Давайте знакомиться — Компьютер<br>    <br>     </BODY><br>    <br>     С помощью HTML-тэгов определяют различные параметры форматирования текста. Заголовок страницы целесообразно выделить крупным шрифтом. Размер шрифта заголовка устанавливается тэгами от <Н1> (самый крупный) до <Нб> (самый мелкий).<br>    <br>     Текст по умолчанию выравнивается по левому краю страницы. Однако заголовок обычно принято размещать по центру страницы (в данном случае — окна браузера). Сделать это нам позволяет атрибут ALIGN тэга заголовка:<br>    <br>     ALIGN="center"><br>    <br>     Изменить цвет заголовка, например на синий, можно с помощью тэга, задающего шрифт с атрибутом цвета:<br>    <br>     <FONT COLOR="blue"><br>    <br>     Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью тэга <HR>.<br>    <br>     В Web-сайтах могут размещаться изображения в трех графических форматах — GIF, JPG и PNG. Для вставки изображения используется тэг <IMG> с атрибутом SRС="имя файла":<br>    <br>     <IMG SRC="computer .gif" tppabs="computer .gif"><br>    <br>     Пользователи иногда в целях экономии времени отключают в браузере загрузку графических изображений и читают только тексты. Поэтому, чтобы не терялся смысл и функциональность страницы, вместо рисунка следует выводить поясняющую надпись.<br>    <br>     Для этого тэг <IMG> имеет еще один атрибут ALT, значением которого является поясняющая надпись:<br>    <br>     <IMG SRC="computer .gif" tppabs="computer .gif" АLТ="Компьютер"><br>    <br>     В результате мы получим HTML-код Web-страницы:<br>    <br>     <img src="tmp5-65.jpg" tppabs="tmp5-65.jpg" border=0 alt="ответы на экзамен"> <br> • <a href="index.shtml">Перейти к списку вопросов »</a><br> </td> </tr> </table> </index> <br><br> <center> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 728х90 --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-7239514971224548" data-ad-slot="5958446971"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center><br><br> </td></tr></table> </td></tr></table> </center> <!-- /body --> <table border="0" cellpadding="0" cellspacing="0" width="97%" align="center"><tr><td bgcolor="#DDE5D9" height="50"> <table width="97%" cellspacing="10" cellpadding="0"> <tr> <td align="left" valign="top"> <font color="#365770">© 2006-2019 <a href="http://postupim.ru">Поступим.ру</a></font> </td> <td align="left" valign="top"> <font color="#365770"> <b>Информация:</b> <br><a href="http://postupim.ru/about.shtml">О проекте</a> <br><a href="http://postupim.ru/contact.shtml">Контакты</a></font> <br><a href="http://forum.postupim.ru/index/3">Регистрация на сайте</a> <br><a href="http://forum.postupim.ru/index/0-6">Статистика сообщества</a> <br><a href="http://forum.postupim.ru/index/0-7">Пользовательское соглашение</a> </font> </td> <td align="left" valign="top"> <font color="#365770"> <b>Разделы:</b> <br><a href="http://postupim.ru/repetitor">Поиск репетитора</a> <br><a href="http://forum.postupim.ru/forum">Форум сообщества</a> <br><a href="http://forum.postupim.ru/blog">Коллективный блог</a> <br><a href="http://postupim.ru/ucheba.shtml">Материалы для учебы</a> <br><a href="http://forum.postupim.ru/forum/46">ЕГЭ 2020</a> </font> </td> <td align="left" valign="top"> <font color="#365770"> <b><img src="http://postupim.ru/rss_icon.gif" border="0" align="left"> RSS:</b> <br><a href="http://forum.postupim.ru/forum/0-0-0-37">RSS форума</a> <br><a href="http://forum.postupim.ru/blog/rss/">RSS блога</a></font> </font> </td> <td align="right" valign="top"><noindex> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='http://counter.yadro.ru/hit?t26.12;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число посетителей за"+ " сегодня' "+ "border=0 width=88 height=15><\/a>")//--></script> <!--/LiveInternet--></noindex> <br><small><small><a href="http://postupim.ru/shpory/">Шпаргалки на экзамены</a><br><a href="http://postupim.ru/soch/">Сочинения по литературе</a></small></small> </td> </tr> </table> </center> </td> </tr> </table> <table border="0" cellpadding="20" cellspacing="0" width="97%"  align="center"><tr><td><center><small> <br> </small></center></td></tr></table> <!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter21278455 = new Ya.Metrika({id:21278455, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="//mc.yandex.ru/watch/21278455" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>