Использование цветов в языке HTML
методическая разработка по информатике и икт (11 класс) по теме

Опубликовано 19.01.2013 - 23:44 - Галанина Марианна Дмитриевна

Методическая разработка к уроку по теме "Использование цветов в языке HTML"

Скачать:

ВложениеРазмер
Файл 2_urok.pptx237.49 КБ

Предварительный просмотр:


Подписи к слайдам:

Слайд 1

Использование цветов в языке HTML

Слайд 2

Параметр COLOR дескриптора устанавливает цвет текста. COLOR=“#FFFFFF” COLOR=“white” белый COLOR=“# 008080 ” COLOR=“teal” бирюзовый COLOR=“#FFFF 00 ” COLOR=“yellow” жёлтый COLOR=“# 0080 0 0 ” COLOR=“green” зелёный COLOR=“#FF0000” COLOR=“red” красный COLOR=“# 00 FF0 0 ” COLOR=“lime” лимонный COLOR=“#0000FF” COLOR=“blue” синий COLOR=“#8 080 8 0 ” COLOR=“gray” серый COLOR=“#000000” COLOR=“black” чёрный

Слайд 3

Цвет текста </ TITLE> </HEAD> <BODY> <FONT COLOR = "#008000"> Текст зелёного цвета </FONT> <BR> <FONT COLOR = " red "> Текст красного цвета </FONT> </BODY> </HTML> Пример</p><p class='slide-number'>Слайд 4</p><p>bgcolor - задаёт цвет фона документа link - задаёт цвет не просмотренной ссылки alink - задаёт цвет активной ссылки vlink - задаёт цвет просмотренной ссылки Text - задаёт цвет текста для всей Web -страницы. Тег <BODY> имеет дополнительные параметры .</p><p class='slide-number'>Слайд 5</p><p>Параметр TEXT дескриптора <BODY> устанавливает цвет текста для всей Web -страницы . <HTML> <HEAD> <TITLE> Цвет текста </ TITLE> </HEAD> <BODY TEXT = “ blue ” > Весь текст Web -странички будет отображаться синим цветом, кроме цвета гиперссылок и фрагментов текста, для которых цвет задан с помощью дескриптора <FONT> </BODY> </HTML> Пример</p><p class='slide-number'>Слайд 6</p><p>Параметр BGCOLOR дескриптора <BODY> устанавливает цвет фона Web -страницы . <HTML> <HEAD> <TITLE> Цвета </ TITLE> </HEAD> <BODY BGCOLOR = " #FFFF 00 " T EXT = “ blue ” > Весь текст Web -странички будет отображаться синим цветом, а сама страничка будет жёлтого цвета. </BODY> </HTML> Пример</p></div></div></div></div></div><br><div class="block marina-gradient-rounded-corners marina-title-rounded-green"><div class="inner clearfix"><div class="inner-wrapper"><div class="inner-inner"><h2 class="title block-title">По теме: методические разработки, презентации и конспекты</h2><div class="others"><img class="lazyload" data-src="/sites/default/files/pictures/2011/12/24/picture-43712.jpg"><h6><a href="/shkola/informatika-i-ikt/library/2012/02/06/obobshchayushchiy-urok-razrabotka-veb-saytov-s">Обобщающий урок «Разработка Веб-сайтов с использованием языка HTML» </a></h6><p class="search-excerpt">Этот урок является заключительном  в  курсе “Разработка  Web-сайтов  с  использованием  языка  НТМL” . Он проведится его в  форме конкурса. Урок  стоит из ...</p></div><div class="others"><h6><a href="/shkola/informatika-i-ikt/library/2012/12/19/ispolzovanie-tega-dlya-oformleniya-html-stranichki">Использование тега <Table> для оформления HTML-странички</a></h6><p class="search-excerpt">Использование тега <Table> для оформления HTML-странички...</p></div><div class="others"><img class="lazyload" data-src="/sites/default/files/pictures/2013/06/14/picture-263291-1371196323.jpg"><h6><a href="/shkola/informatika-i-ikt/library/2013/12/04/sozdanie-veb-sayta-s-ispolzovaniem-yazyka-html">Создание веб-сайта с использованием языка html</a></h6><p class="search-excerpt">В работе представлен материал для проведения практических работ по теме "Создание веб-сайта с использованием языка html". Всего 4 практические работы, позволяющие ученикам 7-9х классов иметь представл...</p></div><div class="others"><img class="lazyload" data-src="/sites/default/files/pictures/2023/10/13/picture-358609-1697197611.jpg"><h6><a href="/shkola/informatika-i-ikt/library/2014/02/19/ispolzovanie-vozmozhnostey-programmirovaniya-na-yazykakh">ИСПОЛЬЗОВАНИЕ ВОЗМОЖНОСТЕЙ ПРОГРАММИРОВАНИЯ НА ЯЗЫКАХ HTML И PHP, ПРИ ВНЕДРЕНИИ ТЕСТОВОЙ СРЕДЫ НА САЙТ ПОД УПРАВЛЕНИЕМ СЕРВЕРА</a></h6><p class="search-excerpt">МУНИЦИПАЛЬНАЯ УЧЕБНО-ИССЛЕДОВАТЕЛЬСКАЯКОНФЕРЕНЦИЯ СТАРШЕКЛАССНИКОВ«ЛОМОНОСОВСКИЕ ЧТЕНИЯ» Направление информатика ИСПОЛЬЗОВАНИЕ  ВОЗМОЖНОСТЕЙ  ПРОГРАММИРОВАНИЯ НА  ЯЗЫКАХ...</p></div><div class="others"><h6><a href="/shkola/tekhnologiya/library/2014/10/30/ispolzovanie-tsvet-pri-oformlenii-interera-pomeshcheniy">Использование цвета при оформлении интерьера помещений. Продукты и цвет.</a></h6><p class="search-excerpt">Выбор цветового решения интерьера жилых помещений – задача, важность которой трудно переоценить, ведь от правильно выбранного цвета вашего дома зависит ваше настроение и работоспособность, комфорт и у...</p></div><div class="others"><h6><a href="/shkola/informatika-i-ikt/library/2020/11/09/metodicheskaya-razrabotka-dlya-uchiteley-ispolzovanie">Методическая разработка для учителей "Использование языка HTML при создании сайтов"</a></h6><p class="search-excerpt">laquo;Использование языка HTML при создании сайтов» - методическая разработка для учителей, занимающихся созданием сайтов.  Достаточно часто, при попытке выполнить форматиро...</p></div><div class="others"><h6><a href="/shkola/informatika-i-ikt/library/2021/05/21/ispolzovanie-tsvetov-v-yazyke-html">"Использование цветов в языке HTML"</a></h6><p class="search-excerpt">Данная разработка будет полезна учащимся образовательных учреждений как при обучении на уроках, так и присамостоятельном изучении материала....</p></div></div></div></div></div><br><div id="poisk-materialov" data-1="657"></div> <ul class="links inline"><li class="flag-like first last"><span><span class='like-tooltip flag-like'><a href='#'>Мне нравится</a><span class='flag-throbber'> </span></span></span></li> </ul> <div class="share_buttons clearfix">Поделиться:<div class="ya-share2" data-services="vkontakte,odnoklassniki,telegram,moimir" data-url="https://nsportal.ru/shkola/informatika-i-ikt/library/2013/01/19/ispolzovanie-tsvetov-v-yazyke-html" data-title="использование цветов в языке html" ></div></div>  <div class="add-new-comment-button my-button-large"></div> </div> </div> </div> </div> </div> </div> </div><!-- /content-inner --> </div><!-- /content --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="user_relationships_popup_form" class="user_relationships_ui_popup_form"></div><script type="text/javascript" src="/sites/default/files/advagg_js/js__S3bm1c7u9YzJnRE6QrV-HsLzADKLeupchfbrYg22kRU__S91yqV9ubUDMxzCK2GLBYdp1SFL3v48MFVTVZ3OSXjc__xK8RrS6Elbeb-uFsk6sQnqBT0LQWi9ruFM_5ORYTRxs.js" defer="defer"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__hxOxF7aEdhvlSyCfiIODtjKmufwiFkLnYBgfAc3JU2U__Zvl8DJBWOfPQpMnqpLsqpzRLZD7C0PqUDMlY8RRkYVw__xK8RrS6Elbeb-uFsk6sQnqBT0LQWi9ruFM_5ORYTRxs.js" defer="defer"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__c1zZbhXAByh0V-pY3W2l6b4e6e6URcR4okOH_epIox4__oVrjkf1Udl7K9Xgwtl5J3lSmv-cR7ynKeNmPgrmULSU__xK8RrS6Elbeb-uFsk6sQnqBT0LQWi9ruFM_5ORYTRxs.js" defer="defer"></script> <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script> </body> </html> <!-- Page cached by Boost @ 2024-03-14 05:54:02, expires @ 2024-07-04 05:54:02, lifetime 3 месяца 3 недели --> <!-- cache/normal/nsportal.ru/shkola/informatika-i-ikt/library/2013/01/19/ispolzovanie-tsvetov-v-yazyke-html_ -->