SlideShare a Scribd company logo
1 of 8
HTML – урок 2
1. Тяло на документ
         <BODY>
• В секцията BODY се намира основната
  част от съдържанието на една HTML
  -страница - текста, изображенията и
  изобщо всичко, което е видимо на екрана
  на потребителя.

• Тагът <body> може да съдържа няколко
  атрибута, които определят до известна
  степен външния вид на HTML
  -страницата.
2. Атрибута BGCOLOR:
• Задава фоновия цвят на страницата.
• Като фон може да бъде зададен всеки от
  основните цветове, както и всякакъв
  оттенък на цвят, получен в следствие на
  някаква цветова комбинация.
• <body bgcolor="английско название на
  желания цвят">
• Пример: <body bgcolor="yellow">
3. Атрибут BACKGROUND
• Ако искаме за фон да използваме някакво
  изображение – картинка или снимка.
• <body background="picture.jpg">
• По този начин изображението ще изпълни
  целия прозорец на браузъра - от горе до долу и
  от едната страна до другата - с многократно
  повтарящи се свои копия.
• Изображението трябва да се намира в същата
  папка (folder), в която се намира и HTML-
  файла.
4. Атрибута TEXT
• Задава се цвета на
  текста в
  страницата.
• <body text="red">
• Подразбиращия
  се цвят на текста е
  черен.
5. Атрибути
      link, alink и vlink
• Атрибута link указва какъв да бъде цвета на текстовите
  хипервръзки в HTML-документа.
  Текстова хипервръзка се нарича онази дума или
  комбинация от думи в HTML-страницата, върху която
  щракате с мишката, за да отидете на друга страница
  или на друга част от същата страница.
• Атрибута link указва по-специално какъв да бъде
  цвета на непосетените хипервръзки (преди да е
  щракано върху тях).
• alink указва в какъв цвят да се оцветяват
  хипервръзките в момента на щракането върху тях.
• vlink указва как да са оцветени вече посетените
  връзки.

         <body link=“green” alink=“yellow” vlink=“red”>
Заключение:
• Всички атрибути в таговете могат
  да се използват комбинирано.
• Реда, в който се изброяват няма
  значение.
• <body bgcolor="black" text="white"
  link="blue" alink="yellow"
  vlink="green">
Задача:     въведете в текстов редактор
    следния текст, който е част от уеб документ,
    след което съхранете файла с име ex1.html
<html>
   <head>
       <title> Моят първи web-докумен </title>
       <meta http-equiv="Content-Type" content="text/html;
          charset=windows-1251">
   </head>

   <body bgcolor=“yellow” text=“red” link=“blue” alink=“red”
        link=“grey”> Здравейте! <br> Това е моята първа страничка.
   </body>
</html>

More Related Content

Similar to Html2

Html presentation
Html presentationHtml presentation
Html presentationfleexy
 
Курс по уеб програмиране (2014), занятие №2 - CSS
Курс по уеб програмиране (2014), занятие №2 - CSSКурс по уеб програмиране (2014), занятие №2 - CSS
Курс по уеб програмиране (2014), занятие №2 - CSSDAVID Academy
 
Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)binevv
 
Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)Torreno
 
html introduction
html introductionhtml introduction
html introductionRaynaITSTEP
 

Similar to Html2 (8)

изработка на сайт-seagarden.free.bg
изработка на сайт-seagarden.free.bgизработка на сайт-seagarden.free.bg
изработка на сайт-seagarden.free.bg
 
Html & css improved
Html & css   improvedHtml & css   improved
Html & css improved
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Html4
Html4Html4
Html4
 
Курс по уеб програмиране (2014), занятие №2 - CSS
Курс по уеб програмиране (2014), занятие №2 - CSSКурс по уеб програмиране (2014), занятие №2 - CSS
Курс по уеб програмиране (2014), занятие №2 - CSS
 
Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)
 
Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)Dhtml (динамичен хипертекстов език)
Dhtml (динамичен хипертекстов език)
 
html introduction
html introductionhtml introduction
html introduction
 

More from natpit

Func stat
Func statFunc stat
Func statnatpit
 
Func mattrig
Func mattrigFunc mattrig
Func mattrignatpit
 
Html3
Html3 Html3
Html3 natpit
 
Macromedia flash lesson2
Macromedia flash lesson2Macromedia flash lesson2
Macromedia flash lesson2natpit
 
Macromedia flash lesson1
Macromedia flash lesson1Macromedia flash lesson1
Macromedia flash lesson1natpit
 
Internet zaplahi
Internet zaplahiInternet zaplahi
Internet zaplahinatpit
 
Bezopasen net
Bezopasen netBezopasen net
Bezopasen netnatpit
 
Safe net2012
Safe net2012Safe net2012
Safe net2012natpit
 
Doklad analiz10-11
Doklad analiz10-11Doklad analiz10-11
Doklad analiz10-11natpit
 
Doklad analiz9-10new
Doklad analiz9-10newDoklad analiz9-10new
Doklad analiz9-10newnatpit
 
Doklad analiz8-9
Doklad analiz8-9Doklad analiz8-9
Doklad analiz8-9natpit
 
Mathematics does not_know_the_borders-nwes[13]
Mathematics does not_know_the_borders-nwes[13]Mathematics does not_know_the_borders-nwes[13]
Mathematics does not_know_the_borders-nwes[13]natpit
 
First vizit
First vizitFirst vizit
First vizitnatpit
 

More from natpit (13)

Func stat
Func statFunc stat
Func stat
 
Func mattrig
Func mattrigFunc mattrig
Func mattrig
 
Html3
Html3 Html3
Html3
 
Macromedia flash lesson2
Macromedia flash lesson2Macromedia flash lesson2
Macromedia flash lesson2
 
Macromedia flash lesson1
Macromedia flash lesson1Macromedia flash lesson1
Macromedia flash lesson1
 
Internet zaplahi
Internet zaplahiInternet zaplahi
Internet zaplahi
 
Bezopasen net
Bezopasen netBezopasen net
Bezopasen net
 
Safe net2012
Safe net2012Safe net2012
Safe net2012
 
Doklad analiz10-11
Doklad analiz10-11Doklad analiz10-11
Doklad analiz10-11
 
Doklad analiz9-10new
Doklad analiz9-10newDoklad analiz9-10new
Doklad analiz9-10new
 
Doklad analiz8-9
Doklad analiz8-9Doklad analiz8-9
Doklad analiz8-9
 
Mathematics does not_know_the_borders-nwes[13]
Mathematics does not_know_the_borders-nwes[13]Mathematics does not_know_the_borders-nwes[13]
Mathematics does not_know_the_borders-nwes[13]
 
First vizit
First vizitFirst vizit
First vizit
 

Html2

  • 2. 1. Тяло на документ <BODY> • В секцията BODY се намира основната част от съдържанието на една HTML -страница - текста, изображенията и изобщо всичко, което е видимо на екрана на потребителя. • Тагът <body> може да съдържа няколко атрибута, които определят до известна степен външния вид на HTML -страницата.
  • 3. 2. Атрибута BGCOLOR: • Задава фоновия цвят на страницата. • Като фон може да бъде зададен всеки от основните цветове, както и всякакъв оттенък на цвят, получен в следствие на някаква цветова комбинация. • <body bgcolor="английско название на желания цвят"> • Пример: <body bgcolor="yellow">
  • 4. 3. Атрибут BACKGROUND • Ако искаме за фон да използваме някакво изображение – картинка или снимка. • <body background="picture.jpg"> • По този начин изображението ще изпълни целия прозорец на браузъра - от горе до долу и от едната страна до другата - с многократно повтарящи се свои копия. • Изображението трябва да се намира в същата папка (folder), в която се намира и HTML- файла.
  • 5. 4. Атрибута TEXT • Задава се цвета на текста в страницата. • <body text="red"> • Подразбиращия се цвят на текста е черен.
  • 6. 5. Атрибути link, alink и vlink • Атрибута link указва какъв да бъде цвета на текстовите хипервръзки в HTML-документа. Текстова хипервръзка се нарича онази дума или комбинация от думи в HTML-страницата, върху която щракате с мишката, за да отидете на друга страница или на друга част от същата страница. • Атрибута link указва по-специално какъв да бъде цвета на непосетените хипервръзки (преди да е щракано върху тях). • alink указва в какъв цвят да се оцветяват хипервръзките в момента на щракането върху тях. • vlink указва как да са оцветени вече посетените връзки. <body link=“green” alink=“yellow” vlink=“red”>
  • 7. Заключение: • Всички атрибути в таговете могат да се използват комбинирано. • Реда, в който се изброяват няма значение. • <body bgcolor="black" text="white" link="blue" alink="yellow" vlink="green">
  • 8. Задача: въведете в текстов редактор следния текст, който е част от уеб документ, след което съхранете файла с име ex1.html <html> <head> <title> Моят първи web-докумен </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body bgcolor=“yellow” text=“red” link=“blue” alink=“red” link=“grey”> Здравейте! <br> Това е моята първа страничка. </body> </html>