Основные теги
Пример тега Типы тегов § Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия) § Непарные
Категории тегов § § § Структурные теги Теги символов Теги форматирования абзацев Теги оформления списков данных Теги логического форматирования текста § Теги физического форматирования текста
Теги символов §Теги логического форматирования текста §Теги физического форматирования текста
Теги логического форматирования текста § § § § §
§ § § Теги физического форматирования текста
§ используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег
можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме. </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Пример использования тега <ACRONYM>: § <ACRONYM TITLE= «Муниципальное казённое общеобразовательное учреждение» > МКОУ </ACRONYM>" src="https://present5.com/presentation/172200648_326804933/image-8.jpg" alt="Пример использования тега <ACRONYM>: § <ACRONYM TITLE= «Муниципальное казённое общеобразовательное учреждение» > МКОУ </ACRONYM>" />
Пример использования тега <ACRONYM>: § <ACRONYM TITLE= «Муниципальное казённое общеобразовательное учреждение» > МКОУ </ACRONYM> «Глядянская средняя общеобразовательная школа» </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Пример использования тега <ACRONYM>: " src="https://present5.com/presentation/172200648_326804933/image-9.jpg" alt="Пример использования тега <ACRONYM>: " />
Пример использования тега <ACRONYM>: </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Тег <FONT> позволяет изменить шрифт " src="https://present5.com/presentation/172200648_326804933/image-10.jpg" alt="Тег <FONT> позволяет изменить шрифт " />
Тег <FONT> позволяет изменить шрифт </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Параметры тега <FONT> § FACE (задаёт название шрифта, которым будет выводится текст) § SIZE" src="https://present5.com/presentation/172200648_326804933/image-11.jpg" alt="Параметры тега <FONT> § FACE (задаёт название шрифта, которым будет выводится текст) § SIZE" />
Параметры тега <FONT> § FACE (задаёт название шрифта, которым будет выводится текст) § SIZE (задаёт размеры шрифта в условных единицах от 1 до 7) § COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имён или набором шестнадцатеричных цифр) </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Примеры использования параметров тега <FONT> : § <FONT FACE=“ARIAL”> Название шрифта </FONT> <BR> §" src="https://present5.com/presentation/172200648_326804933/image-12.jpg" alt="Примеры использования параметров тега <FONT> : § <FONT FACE=“ARIAL”> Название шрифта </FONT> <BR> §" />
Примеры использования параметров тега <FONT> : § <FONT FACE=“ARIAL”> Название шрифта </FONT> <BR> § <FONT SIZE=5> Шрифт размера 5 </FONT> <BR> § <FONT FACE=“ARIAL” SIZE=+3 COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR> </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Тег <BASEFONT> используется для указания размера, типа и цвета шрифта по умолчанию " src="https://present5.com/presentation/172200648_326804933/image-13.jpg" alt="Тег <BASEFONT> используется для указания размера, типа и цвета шрифта по умолчанию " />
Тег <BASEFONT> используется для указания размера, типа и цвета шрифта по умолчанию </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Примеры использования тега <BASEFONT> : § <BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR>" src="https://present5.com/presentation/172200648_326804933/image-14.jpg" alt="Примеры использования тега <BASEFONT> : § <BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR>" />
Примеры использования тега <BASEFONT> : § <BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR> § <BASEFONT SIZE=2>Шрифт размера 2<BR> § <BASEFONT SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый <BR> </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Тег <Р> тег «параграф» , отделяет абзац друг от друга " src="https://present5.com/presentation/172200648_326804933/image-15.jpg" alt="Тег <Р> тег «параграф» , отделяет абзац друг от друга " />
Тег <Р> тег «параграф» , отделяет абзац друг от друга </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Примеры использования тега <P> : § <P ALIGN=LEFT> Выравнивание по левой границе окна<BR> §" src="https://present5.com/presentation/172200648_326804933/image-16.jpg" alt="Примеры использования тега <P> : § <P ALIGN=LEFT> Выравнивание по левой границе окна<BR> §" />
Примеры использования тега <P> : § <P ALIGN=LEFT> Выравнивание по левой границе окна<BR> § <P ALIGN=CENTER> Выравнивание по центру окна<BR> § <P ALIGN=RIGHT> Выравнивание по правой границе окна<BR> § <P ALIGN=JUSTIFY> Выравнивание по ширине окна<BR> </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Тег <HR> отображение горизонтальной линии " src="https://present5.com/presentation/172200648_326804933/image-17.jpg" alt="Тег <HR> отображение горизонтальной линии " />
Тег <HR> отображение горизонтальной линии </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Пример использования тега <HR> : § <HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00 FF 00> " src="https://present5.com/presentation/172200648_326804933/image-18.jpg" alt="Пример использования тега <HR> : § <HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00 FF 00> " />
Пример использования тега <HR> : § <HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00 FF 00> </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Тег <H 1> для разметки заголовков (<H 1>, <H 2>, <H 3>, <H 4>," src="https://present5.com/presentation/172200648_326804933/image-19.jpg" alt="Тег <H 1> для разметки заголовков (<H 1>, <H 2>, <H 3>, <H 4>," />
Тег <H 1> для разметки заголовков (<H 1>, <H 2>, <H 3>, <H 4>, <H 5>, <H 6>) </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Вставка пробелов и специальных символов " ± ² " src="https://present5.com/presentation/172200648_326804933/image-20.jpg" alt="Вставка пробелов и специальных символов " ± ² " />
Вставка пробелов и специальных символов " ± ² </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Основные теги HTML " src="https://present5.com/presentation/172200648_326804933/image-21.jpg" alt="Основные теги HTML " />
Основные теги HTML </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Основные теги HTML " src="https://present5.com/presentation/172200648_326804933/image-22.jpg" alt="Основные теги HTML " />
Основные теги HTML </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Основные теги HTML " src="https://present5.com/presentation/172200648_326804933/image-23.jpg" alt="Основные теги HTML " />
Основные теги HTML </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Основные теги HTML " src="https://present5.com/presentation/172200648_326804933/image-24.jpg" alt="Основные теги HTML " />
Основные теги HTML </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Атрибуты, характеризующие цвет Написание Обозначение BGCOLOR Цвет фона документа TEXT LINK Цвет простого текста" src="https://present5.com/presentation/172200648_326804933/image-25.jpg" alt="Атрибуты, характеризующие цвет Написание Обозначение BGCOLOR Цвет фона документа TEXT LINK Цвет простого текста" />
Атрибуты, характеризующие цвет Написание Обозначение BGCOLOR Цвет фона документа TEXT LINK Цвет простого текста документа Цвет ссылки ALINK Цвет активной ссылки VLINK Цвет посещеннойссылки BACKGROUND Фоновые рисунки </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Коды цвета Для простоты в HTML определены 16 стандартных цветов, которые вместе с их" src="https://present5.com/presentation/172200648_326804933/image-26.jpg" alt="Коды цвета Для простоты в HTML определены 16 стандартных цветов, которые вместе с их" />
Коды цвета Для простоты в HTML определены 16 стандартных цветов, которые вместе с их шестнадцатеричными кодами приведены в нижеследующей таблице. </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Стили HTML-документа Написание Обозначение <B>. . . </B> <I>. . . </I> <U>…</U> жирный" src="https://present5.com/presentation/172200648_326804933/image-27.jpg" alt="Стили HTML-документа Написание Обозначение <B>. . . </B> <I>. . . </I> <U>…</U> жирный" />
Стили HTML-документа Написание Обозначение <B>. . . </B> <I>. . . </I> <U>…</U> жирный наклонный подчеркнутый <S >…</S> <TT >. . . </TT> вычеркнутый с использованием фиксированных шрифтов <BIG >. . . </BIG> большой <SMALL>. . . </SMALL> маленький <SUB>. . . </SUB> подстрочный <SUP>. . . </SUP> надстрочный <ADDRESS>. . . </ADDRESS> тэг адреса </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Параметры шрифта Написание <FONT SIZE= +n|-n> Обозначение Размер шрифта (от 1 до 7, по" src="https://present5.com/presentation/172200648_326804933/image-28.jpg" alt="Параметры шрифта Написание <FONT SIZE= +n|-n> Обозначение Размер шрифта (от 1 до 7, по" />
Параметры шрифта Написание <FONT SIZE= +n|-n> Обозначение Размер шрифта (от 1 до 7, по умолчанию =3) +n – относительное увеличение -n – относительное уменьшение <BASEFONT SIZE=n> <FONT FACE="шрифт1, шрифт2, . . . " <FONT COLOR="цвет"> Изменение базового размера шрифта Название шрифта Цвет шрифта </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Списки в HTML-документе Написание Обозначение <OL>. . . </OL> Нумерованные списки <UL>. . ." src="https://present5.com/presentation/172200648_326804933/image-29.jpg" alt="Списки в HTML-документе Написание Обозначение <OL>. . . </OL> Нумерованные списки <UL>. . ." />
Списки в HTML-документе Написание Обозначение <OL>. . . </OL> Нумерованные списки <UL>. . . </UL> Ненумерованные списки <DL>. . . </DL> Список определений <LI> Элемент списка Параметры <OL TYPE=A|a|I|i|1 START=n> A - маркер в виде прописных букв; a маркер в виде строчных букв; I – маркер в виде больших римских цифр; i - маркер в виде маленьких римских цифр; 1 - маркер в виде арабских цифр; START = n - начальный маркер в текущем списке; n - номер, с которого начинается нумерация в списке <UL TYPE=disc|circle|square> <LI TYPE=disc|circle|square> или <LI TYPE=A|a|I|i|1 VALUE=n> </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="" src="" alt="" />
</p>
</div>
</div>
<div id="inputform">
<script>$("#inputform").load("https://present5.com/wp-content/plugins/report-content/inc/report-form-aj.php");
</script>
</div>
</p>
<!--end entry-content-->
</div>
</article><!-- .post -->
</section><!-- #content -->
<div class="three columns">
<div class="widget-entry">
</div>
</div>
</div>
</div>
<!-- #content-wrapper -->
<footer id="footer" style="padding: 5px 0 5px;">
<div class="container">
<div class="columns twelve">
<!--noindex-->
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<img src='//counter.yadro.ru/hit?t26.10;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='"+" ' "+
"border='0' width='1' height='1'><\/a>")
//--></script><!--/LiveInternet-->
<a href="https://slidetodoc.com/" alt="Наш международный проект SlideToDoc.com!" target="_blank"><img src="https://present5.com/SlideToDoc.png"></a> <script>
$(window).load(function() {
var owl = document.getElementsByClassName('owl-carousel owl-theme owl-loaded owl-drag')[0];
document.getElementById("owlheader").insertBefore(owl, null);
$('#owlheader').css('display', 'inline-block');
});
</script>
<script type="text/javascript">
var yaParams = {'typepage': 'parserexe3',
'author': 'parserexe3'
};
</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(32395810, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/32395810" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
<!--/noindex-->
<nav id="top-nav">
<ul id="menu-top" class="top-menu clearfix">
</ul> </nav>
</div>
</div><!--.container-->
</footer>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/present5.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://present5.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.4'></script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/jquery.shuffle.js?ver=4.9.26'></script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/scripts.js?ver=1.13'></script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/shuffle.js?ver=4.9.26'></script>
<!--[if lt IE 9]>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/selectivizr.js?ver=1.0.2'></script>
<![endif]-->
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/notify.js?ver=1770479036'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var my_ajax_object = {"ajax_url":"https:\/\/present5.com\/wp-admin\/admin-ajax.php","nonce":"33a1179831"};
/* ]]> */
</script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/filer.js?ver=1770479036'></script>
</body>
</html> 
Скачать презентацию Основные теги Пример тега HTML HTML Типы