HTML е език за създаване на web-страници. HTML е съкращение от Hyper Text Mark-up Language – хипертекстов език за маркиране. Текстът, написан на HTML, се нарича HTML-документ, а файлът, съдържащ този документ – HTML-файл. Тези файлове са с разширение .html или .htm.
     Това, от което се нуждаете, за да създавате web-страници с HTML, е браузър от рода на Netscape или Internet Explorer и текстов редактор от рода на Notepad. В текстовия редактор записвате текста на вашия HTML-документ. Браузерът изпълнява действията, указани в HTML-документа и го показва (визуализира) като web-страница.
     А сега започнете създаването на първата си web-страница. За тази цел отворете прозорец за нов документ в Notepad и напишете: 

     <HTML>
     </HTML>

     Всеки HTML-документ започва с <HTML> и завършва с </HTML>. Те се наричат етикети или тагове (tags). Етикетите показват на браузера какво действие да извърши. Смисълът на <HTML> е: "начало на HTML-документ", а на </HTML> – "край на HTML-документ". <HTML> се нарича отварящ етикет, а </HTML> – затварящ етикет. Всеки етикет има име, а когато се използва се загражда в "<" и ">". Обикновено етикетите са по двойки: отварящ и затварящ етикет. Името на затварящия етикет ще получите, като добавите "/" към името на съответния отварящ етикет.
     Да разгледаме следния пример: 

    <HTML>
       <HEAD>
       </HEAD>
       <BODY>
       </BODY>
    </HTML>

     Добавихме нови етикети. Всеки HTML-документ се нуждае от заглавен етикет <HEAD> и етикет за същинската част (тялото) на документа <BODY>. Както може би забелязахте, тези етикети също "вървят по двойки". На отварящия етикет <HEAD> съответства затварящия – </HEAD>, а на отварящия <BODY> – затварящия </BODY>. Отварящият етикет сигнализира на браузера за начало на действие, което трябва да се извърши над текста следващ след етикета. Затварящият етикет му "казва" да завърши действието.
     А сега да добавим заглавие на вашата първа web-страница. 

    <HTML>
     <HEAD>
       <TITLE>My first web page</TITLE>
     </HEAD>
     <BODY>
     </BODY>
    </HTML>

     Най-краткият HTML-документ изглежда по този начин. Това е скeлетът на един HTML-документ и всеки HTML-документ трябва да съдържа тези основни елементи.
     За да видите резултата натиснете тук!
Вашата web-страница има заглавие, но е празна. Заглавието се появява в заглавния ред на прозореца на браузъра.
     Да добавим текст в web-страницата. Това става като запишем текста между отварящия етикет <BODY> и затварящия етикет </BODY> на тялото на документа. 

 

  <HTML>
    <HEAD>
      <TITLE>My first web page</TITLE>
    </HEAD>
    <BODY>
       Learning HTML is fun!
    </BODY>
   </HTML>

За да видите резултата натиснете тук.

     Нека форматираме текста, като удебелим думата Learning. Това става, като я оградим в етикетите задаващи удебелен текст <B> и </B>. Ето така: 


  ...
    <BODY>
       <B>Learning</B> HTML is fun!
    </BODY>
  ...
За да видите резултата натиснете тук.
     Сега да направим в курсив думата fun. Това ства с използване на етикетите <I> и </I>. 


   ...
    <BODY>
       <B>Learning</B> HTML is <I>fun</I>!
    </BODY>
   ...
За да видите резултата натиснете тук.

     А сега да подчертаем HTML. Това става с етикетите за подчертаване <U> и </U>. 


  ...
    <BODY>
       <B>Learning</B> <U>HTML<U> is <I>fun</I>!
    </BODY>
   ...
За да видите резултата натиснете тук.

     Нека комбинираме етикетите и да направим текста Learning HTML is удебелен и подчертан. 


 ...
    <BODY>
       <U><B>Learning HTML is</B></U> <I>fun</I>!
    </BODY>
 ...
За да видите резултата натиснете тук.

     Това е пример за вложени етикети. Сигурно ви направи впечатление, че отварящият етикет <U> е преди <B>, но затварящият </U> е след </B>. В текста по-долу е даден пример за правилно и неправилно използване на двойки отварящи и затварящи етикети.

Правилно:
<TAG1><TAG2><TAG3>Текст!</TAG3></TAG2></TAG1>

Неправилно:
<TAG1><TAG2><TAG3>Текст!</TAG1></TAG2></TAG3>

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

     Сега направете целия текст с удебелени символи, в курсив и подчертан. 


   <HTML>
    <HEAD>
      <TITLE>My first web page</TITLE>
    </HEAD>
    <BODY>
       <B><U><I>Learning HTML is</I></U></B> fun!
    </BODY>
   </HTML>
За да видите резултата натиснете тук.

С информацията дотук, ако сте я разбрали имате основната информация как да напишете една WEB страница.