  ![]()
Создаём сайт на HTML урок 2 учитель информатики Рыжанкова С. В.
Таблицы. • Такая таблица реализуется следующим кодом: Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 • 1, 2 и 3, 4 – строки • 1, 3 и 2, 4 – столбцы •
| Ячейка 1 | Ячейка 2 | Ячейка 3 | Ячейка 4 |
• Таблица может включать заголовок, который располагается между тэгами
Он должен быть непосредственно после тэга . К заголовку возможно применение атрибута ALIGN, определяющего положение относительно таблицы: • TOP - значение по умолчанию, заголовок над таблицей по центру. • LEFT - заголовок над таблицей слева. • RIGHT - заголовок над таблицей справа. • BOTTOM - заголовок под таблицей по центру </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Текст в ячейках • • • <TABLE BORDER="2" WIDTH="200" BGCOLOR="#00 FF 00"> <TR> <TD><H" src="https://present5.com/presentation/5695af5860fcb45df98b53d9c885e79b/image-4.jpg" alt="Текст в ячейках • • • <TABLE BORDER="2" WIDTH="200" BGCOLOR="#00 FF 00"> <TR> <TD><H" />
Текст в ячейках • • • <TABLE BORDER="2" WIDTH="200" BGCOLOR="#00 FF 00"> <TR> <TD><H 3>Компьютер</H 3></TD> <TD>Ячейка 2</TD> </TR> <TD>Ячейка 3</TD> <TD>Ячейка 4</TD> </TR> </TABLE> <BODY TEXT=#0000 ff BGCOLOR=#f 0 f 0 f 0> • </BODY> </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Вид таблицы • <table border=“ 0”> (толщина границы таблицы не видна; ) <tr> •" src="https://present5.com/presentation/5695af5860fcb45df98b53d9c885e79b/image-5.jpg" alt="Вид таблицы • <table border=“ 0”> (толщина границы таблицы не видна; ) <tr> •" />
Вид таблицы • <table border=“ 0”> (толщина границы таблицы не видна; ) <tr> • <td colspan=“ 2”>A</td> ( объединение ячеек; ) </tr> <td> Б</td> <td> В</td> </tr> </table> A Б В </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Картинка • Для вставки изображений в HTML документ используется следующая конструкция (представлена полная): •" src="https://present5.com/presentation/5695af5860fcb45df98b53d9c885e79b/image-6.jpg" alt="Картинка • Для вставки изображений в HTML документ используется следующая конструкция (представлена полная): •" />
Картинка • Для вставки изображений в HTML документ используется следующая конструкция (представлена полная): • <IMG SRC="Рисунок" BORDER="0" ALIGN="Выравнивание" WIDTH="Ширина" HEIGHT="Высота" HSPACE="Отступ_1" VSPACE="Отступ_2" ALT="Подсказка" NAME="Имя" LOWSRC="Рисунок_2"> • <table> <tr> <td> <IMG SRC="is 2. jpeg" BORDER="0" ALIGN="absmiddle" WIDTH="250" HEIGHT="200" > </td> </table> </HTML> </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': '1000_top_300k',
'author': '1000_top_300k'
};
</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=1772269084'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var my_ajax_object = {"ajax_url":"https:\/\/present5.com\/wp-admin\/admin-ajax.php","nonce":"0ac1a3fd46"};
/* ]]> */
</script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/filer.js?ver=1772269084'></script>
</body>
</html> | |
Скачать презентацию Создаём сайт на HTML урок 2 учитель информатики