Создаём сайт на HTML презентация

Содержание

Таблицы. Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Такая таблица реализуется следующим кодом:

Слайд 1Создаём сайт на HTML урок 2 учитель информатики Рыжанкова С.В.

Слайд 2Таблицы.
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4
Ячейка 1
Ячейка 2
Ячейка

3

Ячейка 4

Такая таблица реализуется следующим кодом:




1,2 и 3,4 – строки
1,3 и 2,4 – столбцы

Слайд 3Таблица может включать заголовок, который располагается между тэгами Он должен

быть непосредственно после тэга . К заголовку возможно применение атрибута ALIGN, определяющего его положение относительно таблицы: <br><p>TOP - значение по умолчанию, заголовок над таблицей по центру.<br>LEFT - заголовок над таблицей слева.<br>RIGHT - заголовок над таблицей справа.<br>BOTTOM - заголовок под таблицей по центру <br><br> </div> <div class="image"> <a href="/img/tmb/4/327694/abd16140d90a4699be5ccd427ab885af-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Таблица может включать заголовок, который располагается между тэгами Он должен быть непосредственно после тэга . К заголовку возможно применение атрибута ALIGN, определяющего его положение относительно таблицы: TOP - значение по умолчанию, заголовок над таблицей по центру.LEFT - заголовок над таблицей слева.RIGHT - заголовок над таблицей справа.BOTTOM - заголовок под таблицей по центру "><img src="/img/tmb/4/327694/abd16140d90a4699be5ccd427ab885af-800x.jpg" title="Таблица может включать заголовок, который располагается между тэгами Он должен быть непосредственно после тэга ." alt=""></a> </div> <hr> </div> <div class="descrip" id="slide4"> <h2><a href="/img/tmb/4/327694/1fbd011d699a3ac3edff46dde598e5c7-800x.jpg" target="_blank">Слайд 4</a>Текст в ячейках<br><br><br>Компьютер<br>Ячейка 2<br><br><br>Ячейка 3<br>Ячейка 4<br><br> <br><br><br><br></h2> <div class="text"> </div> <div class="image"> <a href="/img/tmb/4/327694/1fbd011d699a3ac3edff46dde598e5c7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Текст в ячейкахКомпьютерЯчейка 2Ячейка 3Ячейка 4 "><img src="/img/tmb/4/327694/1fbd011d699a3ac3edff46dde598e5c7-800x.jpg" title="Текст в ячейкахКомпьютерЯчейка 2Ячейка 3Ячейка 4" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide5"> <h2><a href="/img/tmb/4/327694/9901e4e585029f4b1594f7dd1d8a0d10-800x.jpg" target="_blank">Слайд 5</a>Вид таблицы<br> - <br> (толщина границы таблицы не видна;)<br></h2> <div class="text"> <tr><br><td colspan=“2”>A</td><br> ( объединение ячеек;)<br> </tr><br> <tr><br> <td> Б</td><br> <td> В</td><br> </tr><br> </table><br><br><br><br><p>A<br><p>Б<br><p>В<br> </div> <div class="image"> <a href="/img/tmb/4/327694/9901e4e585029f4b1594f7dd1d8a0d10-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вид таблицы - (толщина границы таблицы не видна;) A ( объединение ячеек;) Б В AБВ"><img src="/img/tmb/4/327694/9901e4e585029f4b1594f7dd1d8a0d10-800x.jpg" title="Вид таблицы - (толщина границы таблицы не видна;) A ( объединение ячеек;)" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide6"> <h2><a href="/img/tmb/4/327694/0a34bd71d9521ee98a1d9fa34299354e-800x.jpg" target="_blank">Слайд 6</a>Картинка<br>Для вставки изображений в HTML документ используется следующая конструкция (представлена полная):</h2> <div class="text"> <br><IMG SRC="Рисунок" BORDER="0" ALIGN="Выравнивание" WIDTH="Ширина" HEIGHT="Высота" HSPACE="Отступ_1" VSPACE="Отступ_2" ALT="Подсказка" NAME="Имя" LOWSRC="Рисунок_2"><br><p><table> <br> <tr><br><td> <br><IMG SRC="is2.jpeg" BORDER="0" ALIGN="absmiddle" WIDTH="250" HEIGHT="200" ><br></td><br></table><br></HTML><br> </div> <div class="image"> <a href="/img/tmb/4/327694/0a34bd71d9521ee98a1d9fa34299354e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="КартинкаДля вставки изображений в HTML документ используется следующая конструкция (представлена полная): "><img src="/img/tmb/4/327694/0a34bd71d9521ee98a1d9fa34299354e-800x.jpg" title="КартинкаДля вставки изображений в HTML документ используется следующая конструкция (представлена полная):" alt=""></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-8 --> <div id="yandex_rtb_R-A-468740-8"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-468740-8", renderTo: "yandex_rtb_R-A-468740-8", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="url" id="download"><a href="/uncategorized/sozdayom-sayt-na-html/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-468740-2 --> <div id="yandex_rtb_R-A-468740-2"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-468740-2', blockId: 'R-A-468740-2' }) })</script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/uncategorized/net-takogo-haraktera-kotoryy-my-by-obhoditsya-sobstvennymi-silami-i-byt-vsetselo-predstavlen-samomu-sebe-kazhdyy-nuzhdaetsya-v-rukovodstve-so-storony-ponyatiy"> <img src="/img/tmb/3/234562/83409c1f8be0a208c10c8e007392f8f9-800x.jpg" alt=""> <span class="desc"> <span>Нет такого характера, который мы бы обходиться собственными силами и быть всецело представлен самому себе: каждый нуждается в руководстве со стороны понятий.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 207</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/243085-uchimsya-pisat-sinkveyn"> <img src="/img/tmb/3/243085/d621a87b1203c1d5b818925118e9fe55-800x.jpg" alt=""> <span class="desc"> <span>Учимся писать синквейн</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 847</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-13 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-468740-13' }) })</script></div> <div class="wrapper"> <a href="/uncategorized/ich-und-umweltschutzproblemeya-i-ohrana-okruzhayushchey-sredy-1"> <img src="/img/tmb/4/320357/26215468c09885854ad051723f5d0691-800x.jpg" alt=""> <span class="desc"> <span>Ich und Umweltschutzprobleme(Я и охрана окружающей среды)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 177</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ii-byuyn-federal-dәүlәt-dөyөm-belem-bireү-standartynyң-tөp-polozhenielarynyң-bereһe-universal-uҡyu-eshmәkәrlege-formalashtyryu"> <img src="/img/tmb/5/422216/dd8973ae97f9379069681331862548d1-800x.jpg" alt=""> <span class="desc"> <span>II быуын Федераль дәүләт дөйөм белем биреү стандартының төп положениеларының береһе - универсаль уҡыу эшмәкәрлеге формалаштырыу</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 239</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/druzya-navsegda"> <img src="/img/tmb/4/341244/8405486b8e7e0375a1934b8eb71bbc6d-800x.jpg" alt=""> <span class="desc"> <span>Друзья навсегда</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 228</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kratkiy-spravochnik-po-lync-2013"> <img src="/img/tmb/1/5051/b76276b3df9ffe207fd1309bae4e6e42-800x.jpg" alt=""> <span class="desc"> <span>Краткий справочник по Lync 2013</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 201</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="thepresentation" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое ThePresentation.ru?</h4> <p>Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=54509641&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/54509641/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="54509641" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write('<a href="//www.liveinternet.ru/click" '+ 'target="_blank"><img src="//counter.yadro.ru/hit?t16.2;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="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?0ed36ea232886ff4063bbdd9e2c5b9c0"></script> </body> </html>