Html1

864 views
808 views

Published on

HTML

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
864
On SlideShare
0
From Embeds
0
Number of Embeds
85
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Html1

  1. 1. Въведение в Web-дизайна І част - HTML© Живка Жекова. Всички права запазени.
  2. 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. 3. Работна среда за създаване на HTML кода Обикновен текстов редактор – Noteрad Специализирани редактори (Web Writer и др.) Редактори от типа WYSIWYG (What you see is what you get) Сайтбилдери от Интернет – www.street.bg© Живка Жекова. Всички права запазени.
  4. 4. Общи сведения за HTML и основни елементи Hyper Text Markup  HTML може да се Language – език за усъвършенства маркиране на хипертекст. допълнително с HTML е езикът, който JavaScript и Java казва на браузъра как да (Dynamic HTML) покаже страницата  Основните елементи се HTML файлът съдържа наричат тагове, които само букви, цифри и си имат имена записани символи, които се четат между две ъглови скоби от кой да е редактор и <> това прави HTML  Първият таг е <html>, универсален език последният </html>. © Живка Жекова. Всички права запазени.
  5. 5. Основна структура на документа <HTML>  <HEAD> ................ Заглавна част  </HEAD>  <BODY> .................. Същинска част На така създадения документ трябва да бъде зададено име  </BODY> с разширение .html или .htm, защото само така се </HTML> възприема от браузърите като web-доумент.© Живка Жекова. Всички права запазени.
  6. 6. Заглавна част Съдържа описателна информация – заглавие, автор, ключови думи, кодиране на страницата и др. Заглавието записано между таговете <TITLE> и </TITLE> се показва в заглавния ред на браузъра – пример <title> This is my first page </title> В тази част се добавят и скриптовете на JavaScript и МЕТА - таговете © Живка Жекова. Всички права запазени.
  7. 7. Таг за коментар Коментарите се изписват между следните две форми <!-- и --> Пример: <!-- Тук може да се напише коментар, който няма да повлияе на HTML-документа -->© Живка Жекова. Всички права запазени.
  8. 8. Мета тагове МЕТА таговете са изключително важен и полезен инструмент. Те могат да имат следните два формата:  МЕТА тагове, съдържащи атрибута HTTP-EQUIV и атрибута CONTENT. Те се използват, за да управляват определени действия на браузъра. <meta http-equiv="име" content="съдържание" />  МЕТА тагове, съдържащи атрибута NAME и атрибута CONTENT. Te се използват за да подават определена информация на търсещите машини (търсачките). <meta name="име" content="съдържание" /> Мета таговете нямат затварящ таг в HTML!© Живка Жекова. Всички права запазени.
  9. 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://Някакъв уеб адрес" />© Живка Жекова. Всички права запазени.

×