HTML Hyper Text Markup Language Език за маркиране на хипертекст. Стандарт за създаване на Интернет страници.
HTML Hyper Text Markup Language
Език за маркиране на хипертекст.
Стандарт за създаване на Интернет страници.
1. История на HTML
Езикът HTML е създаден през 80-те години на ХХ век от английски учен Тим Бърнърс по време на работата му в лаборатория в Швейцария. Същността на метода на Бърнърс-Лий е създаване на текстови документи, обвързани помежду си с хипервръзки, които да могат да се прехвърлят чрез мрежата до отдалечен потребител. WWW – World Wide Web използва общ комуникационен стандарт, наречен HTTP – Hyper Text Transfer Protocol (протокол за пренос на хипертекст), който осигурява на уеб браузерите да откриват уеб страниците във всяка част на мрежата и за начало на адреса се използва съкращението – http://
Големият скок в развитието на езика идва през 1993г. , когато студент в колеж на име Марк Андерсен добавя таг за изображения, така че HTML да може да показва и картинки, а не само текст. До средата на 90-те години различни уеб браузери добавят свои тагове, за да създадат собствени, по-ефективни версии на HTML. Организацията W3C – World Wide Web Consortium – въвежда стандарт, към който трябва да се придържат всички браузери (официален сайт http://www.w3.org/). HTML файловете са текстови файлове, записани с разширение .html или .htm (за Linux сървъри). Началната страница е с име index.html.
2. HTML версии
• Tim Berners-Lee, 1989
• HTML 2.0, HTML 3.0 , 3.2
• HTML 4.0 и 4.01 – 1998г.
• HTML 5.0 – в разработка
• XHTML - Extensible HyperText Markup Language
1991 HTML
1994 HTML 2
1996 CSS 1 + JavaScript
1997 HTML 4
1998 CSS 2
2000 XHTML 1
2002 Уеб дизайн без таблици
2005 AJAX
2010 HTML 5
3. HTML тагове
Командите в HTML се състоят от елементи, които съдържат един или два етикета, затворени в ъглови скоби. Текста между символите < ….> (ъглови скоби) се нарича елемент(tag, команда, етикет). Тага показва на браузъра какво действие да извърши. Таговете вървят по двойки и биват 2 вида - отварящи и затварящи.
<име на таг> </име на таг>
Отварящите тагове задават на браузъра да започне някакво действие, а затварящите да го приключи. Затварящия таг се различава от отварящия само по символа / (наклонена напред черта) преди името на елемента.
*Между името на тага и ъгловите скоби не се оставя празен интервал.
4. Параметри (атрибути) на таговете
Параметрите се записват в ъгловите скоби след името на тага, а техните стойности се ограждат в кавички и се записват след знак = (равно):
<таг параметър = “стойност на параметъра”>
<body bgcolor= "silver ">
<table width="700" height= "140" border= "1“>
Пример:
Един таг може да има няколко параметъра:
5. Работна среда- същност
HTML кода се пише в: -обикновен текстов редактор – Notepad -Други редактори като Wordpad, Notepad++ - Визуални редактори от типа WYSIWYG (What you see is what you get – каквото виждате това получавате) – KompoZer , Web Builder, Microsoft Front Page, WebSite X5 - и др. - други средства.
6. Структура на HTML документ
<html> <head> </head> <body> </body> </html>
<html> и </html> Таг за начало и край на HTML документ.
<head> и </head> Таг за начало и край на секция head, която съдържа информация за този HTML документ.
<body> и </body> Таг за начало и край на секция body - съдържанието на HTML документа.
7. Запознаване със средата на Notepad++
http://notepad-plus-plus.org/
Notepad++ е редактор с отворен код, който поддържа множество програмни езици, работещи под MS Windows операционни системи.
Поддържани програмни езици – меню Синтаксис преглед
Меню Настройки
Стартиране на html файловете през браузерите – IE (Internet Explorer), Firefox –
Mozila , Google Chrom и др.
Клавишна комбинация Ctrl + Spaсe за автоматичното завършване на думи (тагове и
параметри)
8. Вашата първа страница
<html> <head> <title>Първата ми уеб страница</title> </head> <body> <p>Здравейте!</p> </body> </html>
- Напишете в Notepad++ кода:
- Съхранете файла с име index.html;
- Тествайте през браузерите – Internet Explorer , Mozila или Google Chrome