SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Въведение в
                  Web-дизайна

                                         І част - HTML




© Живка Жекова. Всички права запазени.
Кратка история на HTML
   Тим Бърнарс Лий – края на 80-те години на 20 век –
    основите на World Wide Web и HTML (HiperText
    Markup Language - Език за маркиране на
    хипертекстови документи, които да се предават по
    мрежата)
   Марк Ендрисън – създава първият браузър
    NetScape Navigator.
   Стандартизация –
    World Wide Web Consortium - www.w3.org
   Ново поколение - XHTML - Extensible HiperText
    Markup Language
               © Живка Жекова. Всички права запазени.
Работна среда за създаване на
          HTML кода
 Обикновен текстов редактор –
                             Noteрad
 Специализирани редактори (Web Writer
  и др.)
 Редактори от типа WYSIWYG (What you
  see is what you get)
 Сайтбилдери от Интернет –
  www.street.bg

© Живка Жекова. Всички права запазени.
Общи сведения за HTML и
               основни елементи
   Hyper Text Markup                           HTML може да се
    Language – език за                           усъвършенства
    маркиране на хипертекст.                     допълнително с
   HTML е езикът, който                         JavaScript и Java
    казва на браузъра как да                     (Dynamic HTML)
    покаже страницата                           Основните елементи се
   HTML файлът съдържа                          наричат тагове, които
    само букви, цифри и                          си имат имена записани
    символи, които се четат                      между две ъглови скоби
    от кой да е редактор и                       <>
    това прави HTML                             Първият таг е <html>,
    универсален език                             последният </html>.

    © Живка Жекова. Всички права запазени.
Основна структура на документа
   <HTML>
       <HEAD> ................
        Заглавна част
       </HEAD>

       <BODY> ..................
        Същинска част                    На така създадения документ
                                         трябва да бъде зададено име
       </BODY>                          с разширение .html или .htm,
                                         защото само така се
   </HTML>                              възприема от браузърите
                                         като web-доумент.

© Живка Жекова. Всички права запазени.
Заглавна част
 Съдържа описателна информация –
  заглавие, автор, ключови думи, кодиране
  на страницата и др.
 Заглавието записано между таговете
  <TITLE> и </TITLE> се показва в
  заглавния ред на браузъра –
  пример <title> This is my first page </title>
 В тази част се добавят и скриптовете
  на JavaScript и МЕТА - таговете
  © Живка Жекова. Всички права запазени.
Таг за коментар
 Коментарите се изписват между
  следните две форми <!-- и -->
 Пример:
  <!-- Тук може да се напише коментар, който няма да
  повлияе на HTML-документа -->




© Живка Жекова. Всички права запазени.
Мета тагове
   МЕТА таговете са изключително важен и полезен
    инструмент. Те могат да имат следните два
    формата:
      МЕТА тагове, съдържащи атрибута HTTP-EQUIV и

       атрибута CONTENT. Те се използват, за да
       управляват определени действия на браузъра.
       <meta http-equiv="име" content="съдържание" />
       МЕТА тагове, съдържащи атрибута NAME и
        атрибута CONTENT. Te се използват за да
        подават определена информация на търсещите
        машини (търсачките).
        <meta name="име" content="съдържание" />
    Мета таговете нямат затварящ таг в HTML!

© Живка Жекова. Всички права запазени.
Някои важни МЕТА тагове
   <meta http-equiv="content-type" content="text/html;
    charset=windows-1251" /> - указание, че страницата
    е написана на кирилица
   <meta name="description" content="Тук се пише
    кратко описание на сайта." />
   <meta name="keywords" content="ключови думи,
    които се отделят със запетаи." />
   <meta name="author" content="Вашето име." />
   <meta http-equiv="refresh" content="някаква цифра,
    например 10;URL=http://Някакъв уеб адрес" />


© Живка Жекова. Всички права запазени.

Weitere ähnliche Inhalte

Was ist angesagt? (11)

файлов формат Html
файлов формат Htmlфайлов формат Html
файлов формат Html
 
Html
HtmlHtml
Html
 
HTML Introduction (BG)
HTML Introduction (BG)HTML Introduction (BG)
HTML Introduction (BG)
 
2 html css_html_intro
2 html css_html_intro2 html css_html_intro
2 html css_html_intro
 
html introduction
html introductionhtml introduction
html introduction
 
.NET/C#_18
.NET/C#_18.NET/C#_18
.NET/C#_18
 
.NET/C#_17
.NET/C#_17.NET/C#_17
.NET/C#_17
 
Failov format xml
Failov format xmlFailov format xml
Failov format xml
 
Html2
Html2 Html2
Html2
 
Html2
Html2 Html2
Html2
 
XML - What is XML?
XML - What is XML?XML - What is XML?
XML - What is XML?
 

Ähnlich wie Html1

Izrabotka na site
Izrabotka na siteIzrabotka na site
Izrabotka na site
yordanita
 
Seo evaluation
Seo evaluationSeo evaluation
Seo evaluation
CtOlaf
 
Xhtml
XhtmlXhtml
Xhtml
sa6o
 
Moz seo-cheat-sheet bg-final
Moz seo-cheat-sheet bg-finalMoz seo-cheat-sheet bg-final
Moz seo-cheat-sheet bg-final
SEOM
 
Програмиране с Питон - Django, част 2
Програмиране с Питон - Django, част 2Програмиране с Питон - Django, част 2
Програмиране с Питон - Django, част 2
Alek Andreev
 
Seo and-website-architecture
Seo and-website-architectureSeo and-website-architecture
Seo and-website-architecture
CtOlaf
 

Ähnlich wie Html1 (20)

HTML-presentation
HTML-presentationHTML-presentation
HTML-presentation
 
DHTML
DHTMLDHTML
DHTML
 
изработка на сайт
изработка на сайтизработка на сайт
изработка на сайт
 
Izrabotka na site
Izrabotka na siteIzrabotka na site
Izrabotka na site
 
изработка на сайт-seagarden.free.bg
изработка на сайт-seagarden.free.bgизработка на сайт-seagarden.free.bg
изработка на сайт-seagarden.free.bg
 
Html & css improved
Html & css   improvedHtml & css   improved
Html & css improved
 
Xhtml
XhtmlXhtml
Xhtml
 
Web Pro2
Web Pro2Web Pro2
Web Pro2
 
Seo evaluation
Seo evaluationSeo evaluation
Seo evaluation
 
Курс по уеб програмиране (2014), занятие №1 - HTML
Курс по уеб програмиране (2014), занятие №1 - HTMLКурс по уеб програмиране (2014), занятие №1 - HTML
Курс по уеб програмиране (2014), занятие №1 - HTML
 
Xhtml
XhtmlXhtml
Xhtml
 
Nikolai galinov-onpage-analysis
Nikolai galinov-onpage-analysisNikolai galinov-onpage-analysis
Nikolai galinov-onpage-analysis
 
Nikolai galinov-onpage-analysis
Nikolai galinov-onpage-analysisNikolai galinov-onpage-analysis
Nikolai galinov-onpage-analysis
 
Moz seo-cheat-sheet bg-final
Moz seo-cheat-sheet bg-finalMoz seo-cheat-sheet bg-final
Moz seo-cheat-sheet bg-final
 
Xhtml
XhtmlXhtml
Xhtml
 
Програмиране с Питон - Django, част 2
Програмиране с Питон - Django, част 2Програмиране с Питон - Django, част 2
Програмиране с Питон - Django, част 2
 
Tools of the Trade (Technical Communications)
Tools of the Trade (Technical Communications)Tools of the Trade (Technical Communications)
Tools of the Trade (Technical Communications)
 
Uroc17 8klas
Uroc17 8klasUroc17 8klas
Uroc17 8klas
 
Seo plovdiv 2011
Seo plovdiv 2011 Seo plovdiv 2011
Seo plovdiv 2011
 
Seo and-website-architecture
Seo and-website-architectureSeo and-website-architecture
Seo and-website-architecture
 

Mehr von 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
 

Html1

  • 1. Въведение в Web-дизайна І част - HTML © Живка Жекова. Всички права запазени.
  • 2. Кратка история на HTML  Тим Бърнарс Лий – края на 80-те години на 20 век – основите на World Wide Web и HTML (HiperText Markup Language - Език за маркиране на хипертекстови документи, които да се предават по мрежата)  Марк Ендрисън – създава първият браузър NetScape Navigator.  Стандартизация – World Wide Web Consortium - www.w3.org  Ново поколение - XHTML - Extensible HiperText Markup Language © Живка Жекова. Всички права запазени.
  • 3. Работна среда за създаване на HTML кода  Обикновен текстов редактор – Noteрad  Специализирани редактори (Web Writer и др.)  Редактори от типа WYSIWYG (What you see is what you get)  Сайтбилдери от Интернет – www.street.bg © Живка Жекова. Всички права запазени.
  • 4. Общи сведения за HTML и основни елементи  Hyper Text Markup  HTML може да се Language – език за усъвършенства маркиране на хипертекст. допълнително с  HTML е езикът, който JavaScript и Java казва на браузъра как да (Dynamic HTML) покаже страницата  Основните елементи се  HTML файлът съдържа наричат тагове, които само букви, цифри и си имат имена записани символи, които се четат между две ъглови скоби от кой да е редактор и <> това прави HTML  Първият таг е <html>, универсален език последният </html>. © Живка Жекова. Всички права запазени.
  • 5. Основна структура на документа  <HTML>  <HEAD> ................ Заглавна част  </HEAD>  <BODY> .................. Същинска част На така създадения документ трябва да бъде зададено име  </BODY> с разширение .html или .htm, защото само така се  </HTML> възприема от браузърите като web-доумент. © Живка Жекова. Всички права запазени.
  • 6. Заглавна част  Съдържа описателна информация – заглавие, автор, ключови думи, кодиране на страницата и др.  Заглавието записано между таговете <TITLE> и </TITLE> се показва в заглавния ред на браузъра – пример <title> This is my first page </title>  В тази част се добавят и скриптовете на JavaScript и МЕТА - таговете © Живка Жекова. Всички права запазени.
  • 7. Таг за коментар  Коментарите се изписват между следните две форми <!-- и -->  Пример: <!-- Тук може да се напише коментар, който няма да повлияе на HTML-документа --> © Живка Жекова. Всички права запазени.
  • 8. Мета тагове  МЕТА таговете са изключително важен и полезен инструмент. Те могат да имат следните два формата:  МЕТА тагове, съдържащи атрибута HTTP-EQUIV и атрибута CONTENT. Те се използват, за да управляват определени действия на браузъра. <meta http-equiv="име" content="съдържание" />  МЕТА тагове, съдържащи атрибута NAME и атрибута CONTENT. Te се използват за да подават определена информация на търсещите машини (търсачките). <meta name="име" content="съдържание" /> Мета таговете нямат затварящ таг в HTML! © Живка Жекова. Всички права запазени.
  • 9. Някои важни МЕТА тагове  <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> - указание, че страницата е написана на кирилица  <meta name="description" content="Тук се пише кратко описание на сайта." />  <meta name="keywords" content="ключови думи, които се отделят със запетаи." />  <meta name="author" content="Вашето име." />  <meta http-equiv="refresh" content="някаква цифра, например 10;URL=http://Някакъв уеб адрес" /> © Живка Жекова. Всички права запазени.