SlideShare a Scribd company logo
1 of 10
Въведение в
Web-дизайна








Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText
Markup Language - Език за маркиране на
хипертекстови документи, които да се предават по
мрежата)
Марк Ендрисън – създава първият браузър
NetScape Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText
Markup Language








Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)

Сайтбилдери от Интернет – www.street.bg








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

.


<HTML>
◦ <HEAD> Заглавна част</HEAD>
◦ <BODY> Същинска част</BODY>



</HTML>

На така създадения документ трябва да бъде
зададено име с разширение .html или .htm,
защото само така се възприема от браузърите
като 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://Някакъв уеб адрес" />







<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://Някакъв уеб адрес" />

More Related Content

Similar to Html1

файлов формат Html
файлов формат Htmlфайлов формат Html
файлов формат Html
guest26def74
 
Izrabotka na site
Izrabotka na siteIzrabotka na site
Izrabotka na site
yordanita
 
Seo evaluation
Seo evaluationSeo evaluation
Seo evaluation
CtOlaf
 

Similar to Html1 (20)

файлов формат Html
файлов формат Htmlфайлов формат Html
файлов формат Html
 
Html
HtmlHtml
Html
 
изработка на сайт
изработка на сайтизработка на сайт
изработка на сайт
 
Izrabotka na site
Izrabotka na siteIzrabotka na site
Izrabotka na site
 
изработка на сайт-seagarden.free.bg
изработка на сайт-seagarden.free.bgизработка на сайт-seagarden.free.bg
изработка на сайт-seagarden.free.bg
 
Html
HtmlHtml
Html
 
Html & css improved
Html & css   improvedHtml & css   improved
Html & css improved
 
HTML – програмиране и валидиране
HTML – програмиране и валидиранеHTML – програмиране и валидиране
HTML – програмиране и валидиране
 
Xhtml
XhtmlXhtml
Xhtml
 
Introduction to CMS
Introduction to CMSIntroduction to CMS
Introduction to CMS
 
Web Pro2
Web Pro2Web Pro2
Web Pro2
 
Курс по уеб програмиране (2015), занятие №1 - HTML
Курс по уеб програмиране (2015), занятие №1 - HTMLКурс по уеб програмиране (2015), занятие №1 - HTML
Курс по уеб програмиране (2015), занятие №1 - HTML
 
Курс по уеб програмиране (2015), занятие №3 - JavaScript (част 1/2)
Курс по уеб програмиране (2015), занятие №3 - JavaScript (част 1/2)Курс по уеб програмиране (2015), занятие №3 - JavaScript (част 1/2)
Курс по уеб програмиране (2015), занятие №3 - JavaScript (част 1/2)
 
Николай Кръстев (NT WEBSITES).pdf
Николай Кръстев (NT WEBSITES).pdfНиколай Кръстев (NT WEBSITES).pdf
Николай Кръстев (NT WEBSITES).pdf
 
Курс по уеб програмиране (2014), занятие №3 - JavaScript (част 1/2)
Курс по уеб програмиране (2014), занятие №3 - JavaScript (част 1/2)Курс по уеб програмиране (2014), занятие №3 - JavaScript (част 1/2)
Курс по уеб програмиране (2014), занятие №3 - JavaScript (част 1/2)
 
Какво ново в Joomla?- Joomla! Day 2013 Bulgaria
Какво ново в Joomla?- Joomla! Day 2013 BulgariaКакво ново в Joomla?- Joomla! Day 2013 Bulgaria
Какво ново в Joomla?- Joomla! Day 2013 Bulgaria
 
Html search engine optimization
Html search engine optimizationHtml search engine optimization
Html search engine optimization
 
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
 
Seo evaluation
Seo evaluationSeo evaluation
Seo evaluation
 

More from Блага Чобанова (20)

контролна
контролнаконтролна
контролна
 
Kontrolno 2
Kontrolno 2Kontrolno 2
Kontrolno 2
 
Mat
MatMat
Mat
 
Mat 11 pp
Mat 11 ppMat 11 pp
Mat 11 pp
 
Mat 11 pp
Mat 11 ppMat 11 pp
Mat 11 pp
 
Analiz vhodni 8klas
Analiz vhodni 8klasAnaliz vhodni 8klas
Analiz vhodni 8klas
 
Vhodno 8klas
Vhodno 8klasVhodno 8klas
Vhodno 8klas
 
формуляри
формуляриформуляри
формуляри
 
Spis1
Spis1Spis1
Spis1
 
Tekst urok3
Tekst urok3Tekst urok3
Tekst urok3
 
Uroc2
Uroc2Uroc2
Uroc2
 
Kontr1
Kontr1Kontr1
Kontr1
 
Kontrolno 2
Kontrolno 2Kontrolno 2
Kontrolno 2
 
Kontr1
Kontr1Kontr1
Kontr1
 
Nov
NovNov
Nov
 
Vhodno mat
Vhodno matVhodno mat
Vhodno mat
 
Analiz vh 11_it
Analiz vh 11_itAnaliz vh 11_it
Analiz vh 11_it
 
Vhodno11 it
Vhodno11 itVhodno11 it
Vhodno11 it
 
Test photoshop
Test photoshopTest photoshop
Test photoshop
 
Zad3 photoshop
Zad3 photoshopZad3 photoshop
Zad3 photoshop
 

Html1

  • 2.     Тим Бърнарс Лий – края на 80-те години на 20 век – основите на World Wide Web и HTML (HiperText Markup Language - Език за маркиране на хипертекстови документи, които да се предават по мрежата) Марк Ендрисън – създава първият браузър NetScape Navigator. Стандартизация – World Wide Web Consortium - www.w3.org Ново поколение - XHTML - Extensible HiperText Markup Language
  • 3.     Обикновен текстов редактор – Noteрad Специализирани редактори (Web Writer и др.) Редактори от типа WYSIWYG (What you see is what you get) Сайтбилдери от Интернет – www.street.bg
  • 4.       Hyper Text Markup Language – език за маркиране на хипертекст. HTML е езикът, който казва на браузъра как да покаже страницата HTML файлът съдържа само букви, цифри и символи, които се четат от кой да е редактор и това прави HTML универсален език HTML може да се усъвършенства допълнително с JavaScript и Java (Dynamic HTML) Основните елементи се наричат тагове, които си имат имена записани между две ъглови скоби < > Първият таг е <html>, последният </html>. .
  • 5.  <HTML> ◦ <HEAD> Заглавна част</HEAD> ◦ <BODY> Същинска част</BODY>  </HTML> На така създадения документ трябва да бъде зададено име с разширение .html или .htm, защото само така се възприема от браузърите като 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://Някакъв уеб адрес" />
  • 10.      <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://Някакъв уеб адрес" />