Въведение в Web-дизайна І част - HTML Кратка история на HTML Тим Бърнарс Лий – края на 80-те години на 20 век – основите на.
Download ReportTranscript Въведение в Web-дизайна І част - HTML Кратка история на HTML Тим Бърнарс Лий – края на 80-те години на 20 век – основите на.
Slide 1
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 2
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 3
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 4
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 5
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 6
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 7
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 8
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 9
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
и се показва в заглавния
ред на браузъра –
пример This is my first page
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 2
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 3
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 4
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 5
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 6
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 7
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 8
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9
Slide 9
Въведение в
Web-дизайна
І част - HTML
1
Кратка история на HTML
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText Markup
Language - Език за маркиране на хипертекстови
документи, които да се предават по мрежата)
Марк Ендрисън – създава първият браузър NetScape
Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText Markup
Language
2
Работна среда за създаване на HTML
кода
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет –
www.street.bg
3
Общи сведения за HTML и основни
елементи
Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който казва
на браузъра как да покаже
страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които си
имат имена записани
между две ъглови скоби <
>
Първият таг е ,
последният .
4
Основна структура на документа
................
Заглавна част
..................
Същинска част
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
5
Заглавна част
Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата
и др.
Заглавието записано между таговете
ред на браузъра –
пример
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
6
Таг за коментар
Коментарите се изписват между следните
две форми
Пример:
7
Мета тагове
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два формата:
МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
Мета таговете нямат затварящ таг в HTML!
8
Някои важни МЕТА тагове
- указание, че страницата
е написана на кирилица
9