HTML - какво е това разширение? HTML за начинаещи: кодове, файлове и редактори. Как да създам HTML файл?

В момента всеки уеб програмист ще отговори уверено на въпроса: HTML - какъв вид разширение? Но не всички са уеб програмисти. Със сигурност има хора, които още не са готови да дадат правилния отговор на такъв въпрос. Затова помислете за свързани понятия, така да се каже, от самото начало.

HTML - какво е това?

HTML (Hypertext Markup Language, Hypertext Markup Language) е общ език за маркиране на интернет документи (а не език за програмиране!). С него се формират почти всички уеб страници. Последните се различават от обикновените документи, съдържащи текст, други елементи (изображения, таблици) по това, че съдържат специални дескриптори (етикети), които са необходими, за да може текстът да бъде разбираем за всеки браузър. Разширението HTML (или .htm) е знак, че файлът принадлежи към категорията на уеб документи.

HTML таговете са специални инструкции, които съдържат информация за структурата и форматирането на дадена уеб страница. Всеки таг е включен в текста в ъгловите скоби <>. Почти всички маркери са сдвоени и съдържат отварящи и затварящи части, засягащи текста, поставен в тези части.

Примери за използване на HTML дескриптори могат да се видят чрез отваряне на всяка уеб страница в изгледа с етикети. За да направите това, в менюто на браузъра изберете "Преглед" - "Под формата на HTML". За някои браузъри работят и клавишни комбинации: Ctrl + U, който при кликване отваря същата страница в отделен раздел на браузъра в режим, който ви позволява да виждате HTML кодове.

От историята на езиковите стандарти за маркиране

Има различни версии на HTML. Езикът непрекъснато се подобрява, така че почти всяка година се издава нова версия. Различни уеб браузъри (програми за преглеждане на HTML страници) са разработени от различни компании и се различават в интерпретацията на отделните тагове и тяхната поддръжка. В резултат на това един и същ HTML код се показва от различни браузъри по свой собствен начин, а някои браузъри изобщо не разбират отделните тагове.

До 1990 г. едва ли някой по света би отговорил правилно на въпроса: HTML - какво е това? Първата документация за този език е публикувана през 1991 г. Авторът - физикът Тим ​​Бърнърс-Лий - го измисли като инструмент за превръщане на набора от символи, който се предава по мрежата в заглавия, връзки и параграфи. Скоро този език стана стандарт за маркиране на документи в интернет.

В своето развитие той премина от първоначалното издание към HTML 5 и продължава да се подобрява. Този език съдържа дескриптори за структурата и форматирането. По-късно те възприеха стандартна CSS технология, която предполага, че описанието на форматирането е маркирано в отделен CSS файл, оставяйки описанието на структурата на документа за HTML тагове. В резултат на това някои дескриптори вече не се използват.

Структура на HTML документа

Той е ясно регулиран и трябва да съдържа няколко задължителни етикета. Те включват:

• свободен край - вид на документа и неговите характеристики.
• тагове - посочете началните и крайните граници на документа.
• тагове - ограничаване на раздела за услуги на документа, който съдържа инструкции за браузъри, търсещи роботи, както и връзки към файлове, скриптове.
• тагове - за въвеждане на инструкции за браузъри и търсещи роботи.
• тагове - задайте основното заглавие на документа, той се вижда само в горния раздел на прозореца на браузъра.
• Етикети - ограничете видимата част от документа.

Тагове, които са полезни за познаване

Функциите на общите етикети трябва да са ясни за всеки копирайтър, те могат да се добавят към текста във всеки текстов редактор. Те могат да бъдат използвани в дизайна на текста, без да има под ръка специален редактор. Обикновено се използват HTML-кодове:

• параграф

  - за маркиране на параграфа.
• 
  текста
  - за прехвърляне на текст в следващия ред.
• bold - за да подчертаете с удебелен шрифт.
• с думи - , за да изберете текст с думи.
• бис - да вмъкнете котва - дума или обект, който инициира връзка, следвайки връзката, посочена в маркера. Вместо думата "котва" напишете "ТУК" или въведете всяка друга дума, фраза, обект; вместо думата "линк" вмъкнете адреса в интернет, където води линкът.

• удар с глава

  - за да маркирате заглавието на първо ниво.

• подзаглавие

  - същото за заглавие от ниво 2 и т.н. до ниво шест.

Как да създадете HTML файл в обичайния редактор

Уеб страница (т.е. HTML файл) може да бъде въведена във всеки текстов редактор (например в Notepad). Но всички маркери ще трябва да набират ръчно. Предимството на този метод е абсолютно минимизиран код. Недостатъци - изисква добро познаване на езика за маркиране на хипертекст и невъзможност незабавно да видите резултатите от тяхната работа. Следователно, този метод е подходящ само за създаване на най-простите уеб страници.

HTML редактори

Почти всички експерти използват специални HTML редактори. Най-популярни от тях са Macromedia HomeSite и Dreamweaver MX. Те ви позволяват автоматично да въвеждате много тагове, да подчертаете текста и елементите на кода на услугата в цвят, веднага да видите резултата, получен в специален прозорец. Но тези програми са платени.

За начинаещи е по-добре първо да опитате ръцете си, използвайки безплатни редактори. Най-популярни от тях са Notepad ++, Komodo Edit, Aptana, Alaborn iStyle и KompoZer. Всяка от тези програми има своите предимства, предоставя на потребителя повече или по-малко функционалност, има свой собствен интерфейс. За да изберете правилния, трябва да се опитате да работите във всяка от тях. Това е лесно за изпълнение, тъй като не е нужно да плащате за тези опити.

Освен тези редактори съществуват и инструменти за визуален дизайн (например HoTMetal Pro). При създаването на уеб страници те абсолютно премахват необходимостта от ръчно въвеждане на HTML дескриптори. Въпреки това, такива програми произвеждат като резултат код, който е твърде излишен, размерът на който значително надвишава необходимия минимален размер. Освен това често се изисква ръчно редактиране на кода, за да се постигне желаното качество.

Надяваме се, че запознаването с материала на тази статия ще позволи дори на начинаещ потребител да не се съмнява в отговора на въпроса: HTML - какво е това?