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

Содержание

Слайд 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/gosudarstvennoe-unitarnoe-predpriyatie-moskovskoy-oblasti-niiproekt"> <img src="/img/tmb/4/326308/55ce0f302fad607509e854612460367d-800x.jpg" alt=""> <span class="desc"> <span>Государственное унитарное предприятие Московской области Ниипроект</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 265</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kuda-nas-vedut-dorogi-mira-evangelie-ot-luki-1-76-80"> <img src="/img/tmb/1/49836/75178e6cf5e659a1ca655312ce90b26b-800x.jpg" alt=""> <span class="desc"> <span>Куда нас ведут дороги мира... Евангелие от Луки 1: 76-80.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 229</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/75001-raschet-stoimosti-munitsipalnoy-uslugi-finansovoe-obespechenie-munitsipalnogo-zadaniya"> <img src="/img/tmb/1/75001/3a5ebac7eb10945c1065a6c8c259698f-800x.jpg" alt=""> <span class="desc"> <span>Расчет стоимости муниципальной услуги, финансовое обеспечение муниципального задания</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 254</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/urok-literatury-v-7-klasse-2"> <img src="/img/tmb/2/113956/f4dab8bf4e9a10226e5971412c2e1713-800x.jpg" alt=""> <span class="desc"> <span>УРОК ЛИТЕРАТУРЫ В 7 КЛАССЕ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 243</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/1-1836"> <img src="/img/tmb/1/23046/4c79d28ccea4acb5420f72eeac3dc911-800x.jpg" alt=""> <span class="desc"> <span>1</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 284</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/sokrashchenie-izderzhek-ot-shtrafnyh-sanktsiy"> <img src="/img/tmb/1/70170/cc3636b85c0f1e644a934d5d800ab400-800x.jpg" alt=""> <span class="desc"> <span>Сокращение издержек от штрафных санкций</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 280</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>