Создаём сайт на 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/vtoraya-zhizn-plastikovyh-butylok"> <img src="/img/tmb/4/318004/fc13548fc266b998856061fba6b997d3-800x.jpg" alt=""> <span class="desc"> <span>Вторая жизнь пластиковых бутылок</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 609</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/internet-izdanie-lentaru"> <img src="/img/tmb/4/383306/fe8fc9ab43d064f994cbf17ded2f4639-800x.jpg" alt=""> <span class="desc"> <span>Интернет-издание Лента.ру</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 271</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/arhitektura-raspredelennogo-web-prilozheniya"> <img src="/img/tmb/4/349905/314d40e74bf41ead189a8e69b5ec26c1-800x.jpg" alt=""> <span class="desc"> <span>Архитектура распределенного web приложения</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 232</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/315820-psihologo-pedagogicheskoe-soprovozhdenieprofessionalnoy-adaptatsii-pedagogov"> <img src="/img/tmb/4/315820/2b5c7bb8b780bda022c0ee52906ace9b-800x.jpg" alt=""> <span class="desc"> <span>Психолого-педагогическое сопровождение профессиональной адаптации педагогов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 300</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/129125-nash-samyy-klassnyy-8-v"> <img src="/img/tmb/2/129125/7c234bb09a2756a66aac8a94e85f4e50-800x.jpg" alt=""> <span class="desc"> <span>НАШ САМЫЙ КЛАССНЫЙ 8 В</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 250</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/novaya-rol-marketingovoy-sluzhby-ot-podderzhki-k-strategicheskomu-partnerstvu"> <img src="/img/tmb/1/87133/a24fc07d00f6e10f7093516fe22d63f8-800x.jpg" alt=""> <span class="desc"> <span>Новая роль маркетинговой службы: от поддержки к стратегическому партнерству</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 239</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>