html - pmgblgpmg-blg.com/onlineschool/files/uroci/950_html-1.pdf · 2012-11-15 · Големият...
TRANSCRIPT
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