html1

Въведение в Въведение в Web-Web-дизайнадизайна

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

І част - HTML

Кратка история на Кратка история на HTMLHTML

Тим Бърнарс Лий – края на 80-те години на 20 век – Тим Бърнарс Лий – края на 80-те години на 20 век – основите на основите на World Wide WebWorld Wide Web и и HTMLHTML ( (HiperText HiperText Markup LanguageMarkup Language - Език за маркиране на - Език за маркиране на хипертекстови документи, които да се предават по хипертекстови документи, които да се предават по мрежата)мрежата)

Марк Ендрисън – създава първият Марк Ендрисън – създава първият браузър браузър NetScape NavigatorNetScape Navigator..

Стандартизация – Стандартизация – World Wide Web Consortium - World Wide Web Consortium - www.w3.orgwww.w3.org

Ново поколение - Ново поколение - XHTML - Extensible HiperText XHTML - Extensible HiperText Markup LanguageMarkup Language


Работна среда за създаване на Работна среда за създаване на HTML HTML кодакода

Обикновен текстов редактор – Обикновен текстов редактор – NoteNoteррadad Специализирани редактори (Специализирани редактори (Web Writer Web Writer

и др.)и др.) Редактори от типа Редактори от типа WYSIWYGWYSIWYG ((What you What you

see is what you getsee is what you get)) Сайтбилдери от Интернет – Сайтбилдери от Интернет –

www.street.bgwww.street.bg


Общи сведения за Общи сведения за HTML HTML и и основни елементиосновни елементи

Hyper Text Markup Hyper Text Markup LanguageLanguage – – език за език за маркиране на хипертекст. маркиране на хипертекст.

HTMLHTML е езикът, който е езикът, който казва на браузъра как да казва на браузъра как да покаже страницатапокаже страницата

HTMLHTML файлът съдържа файлът съдържа само букви, цифри и само букви, цифри и символи, които се четат символи, които се четат от кой да е редактор и от кой да е редактор и това прави това прави HTML HTML универсален езикуниверсален език

HTMLHTML може да се може да се усъвършенства усъвършенства допълнително с допълнително с JavaScriptJavaScript и и Java Java (Dynamic HTML)(Dynamic HTML)

Основните елементи се Основните елементи се наричат наричат таговетагове, които , които си имат имена записани си имат имена записани между две ъглови скоби между две ъглови скоби < >< >

Първият таг е Първият таг е <html>, <html>, последният последният </html>.</html>.


Основна структура наОсновна структура на документадокумента

<HTML><HTML> <HEAD><HEAD> ................ ................

Заглавна частЗаглавна част </HEAD></HEAD>

<BODY><BODY> .................. .................. Същинска частСъщинска част

</BODY></BODY>

</HTML></HTML>


На така създадения документ трябва да бъде зададено име с разширение .html или .htm, защото само така се възприема от браузърите като web-доумент.

Заглавна частЗаглавна част Съдържа описателна информация – Съдържа описателна информация –

заглавие, автор, ключови думи, кодиране заглавие, автор, ключови думи, кодиране на страницатана страницата и др.и др.

Заглавието записано между таговете Заглавието записано между таговете <TITLE> <TITLE> и и <<//TITLE> TITLE> се показва в се показва в заглавния ред на браузъра – заглавния ред на браузъра – пример пример <title> This is my first page </title><title> This is my first page </title>

В тази част се добавят и скриптовете В тази част се добавят и скриптовете на на JavaScript JavaScript и МЕТА и МЕТА - - таговететаговете


Таг за коментарТаг за коментар

Коментарите се изписват между Коментарите се изписват между следните две форми следните две форми <!--->

Пример:Пример: повлияе на HTML-документа -->

Мета таговеМета тагове МЕТА таговете са изключително важен и полезен МЕТА таговете са изключително важен и полезен

инструмент.инструмент. Те могат да имат следните два Те могат да имат следните два формата:формата: МЕТА тагове, съдържащи атрибута HTTP-EQUIV и МЕТА тагове, съдържащи атрибута HTTP-EQUIV и

атрибута CONTENT. Те се използват, за да атрибута CONTENT. Те се използват, за да управляват определени действия на браузъра. управляват определени действия на браузъра. <meta http-equiv="име" content="съдържание" /><meta http-equiv="име" content="съдържание" />

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

Мета таговете нямат затварящ таг в Мета таговете нямат затварящ таг в HTML!HTML!


Някои важни МЕТА таговеНякои важни МЕТА тагове <meta http-equiv="content-type" content="text/html; <meta http-equiv="content-type" content="text/html;

charset=windows-1251" />charset=windows-1251" /> - - указание, че страницата указание, че страницата е написана на кирилицае написана на кирилица

<meta name="description" content="<meta name="description" content="Тук се пише Тук се пише кратко описание на сайта."кратко описание на сайта." /> />

<meta name="keywords" content="<meta name="keywords" content="ключови думи, ключови думи, които се отделят със запетаикоито се отделят със запетаи." /> ." />

<meta name="author" content="Вашето име." /><meta name="author" content="Вашето име." /> <meta http-equiv="refresh" content="някаква цифра, <meta http-equiv="refresh" content="някаква цифра,

например 10;URL=http://Някакъв уеб адрес" /> например 10;URL=http://Някакъв уеб адрес" />


html1

Education