Download as ppt, pdf, or txt
Download as ppt, pdf, or txt
You are on page 1of 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://Някакъв уеб адрес" />

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

You might also like