ХТМЛ код је врста описног компјутеског језика који се користи за дефинисање веб страна. Веб браузери знају како да интерпретирају ХТМЛ код и да га прикажу у облику веб стране.

ХТМЛ је заснован на ХТМЛ елементима којима се обиљежава каква је сврха појединих дјелова ХТМЛ стране.  Нпр. једна врста елемената се може користити за обиљежавање наслова док се друга врста користи за обиљежавање табела. Сваки елемент се састоји из тага којим отварамо елемент и тага којим затварамо елемент.

Веб браузери када тумаче ХТМЛ код игноришу нове редове и третирају више узастопних размакница као једну размакницу. Иако је стога могуће да се ХТМЛ код читаве једне странице напише у једном реду, то није препоручљиво ради прегледности резултујућег кода. Неко правило је да се сваки таг пише у сопственом реду.

Примјер ХТМЛ елемента/тагова:

<h1>Наслов</h1>

Овај код ће браузер приказати као:

Наслов

<h1> таг се користи за обиљежавање наслова у страни. Наслов се започиње отварањем тага помоћу <h1> a наслов се мора затворити затварајућим тагом </h1>. Сви затварајући тагови су у основи отварајући тагови у које је додата коса црта на почетку. 

Уопштено говорећи може се рећи да сви тагови имају следећу структуру:

<nazivtaga>Садржај</nazivtaga>

Мора се поново истаћи да СВАКИ ТАГ КОЈИ СЕ ОТВОРИ МОРА СЕ ЗАТВОРИТИ. Тагове можете сматрати заградама. Као што послије сваке отворене заграде евентуално мора доћи затворена заграда, тако и послије сваког отвореног тага мора доћи и затворени таг.

Једини у неку руку изузетак овог правила су тагови који због своје употребе не могу садржати у себи неки садржај. У овим случајевима такви тагови се МОГУ затворити тако што се на крај отварајућег тага дода коса линија. Нпр:

<p>Ово је неки пасус и у њему се налази прелом<br />реда</p>

браузер ово приказује као:

Ово је неки пасус и у њему се налази прелом
реда

Таг <br /> се користи за преламање реда, и у питању је таг који отвара и затвара прелом у исто вријеме (због / на крају), тако да </br> није потребно.

Атрибути

Скоро на сваки таг се могу примјенити одређени атрибути. Сви атрибути се пишу УНУТАР почетног отвореног тага и морају се одвојити размакницама од назива тага и од осталих атрибута.

Дефиниција атрибута:

naziv_atributa="vrijednost"

нпр:

width="358px".

naziv_atributa је назив неког атрибута које се може примјенити на неки таг, док је vrijednost вриједности на које ћемо подесити тај атрибут. У примјеру атрибут width подешава ширину елемента на 358px.

Постоје двије врсте атрибута. ГЛобални атрибути који су примјенљиви на све елементе/тагове, и специфични атрибути који се могу примјенити смао на неке тагове. Уколико се за неки елемент покуша подесити атрибут које он не подржава, тај атрибут веб браузер игнорише.

Примјер:

<img src="abc.jpg" width="225px"/>

Img елемент се користи за представљање слика у веб страни. Src атрибут служи да каже коју слику треба овдје уметнути у страну, док width  атрибут дефинише колико ће слика бити широка у страни. Примјетити ОБАВЕЗНЕ размакнице између атрибута и назива тага. Такође примјетити да је img један од елемената који се може затворити одмах унутар почетног тага.

Од глобалних атрибута требало би поменути id, class  и style атрибуте. 

Id атрибут служи за дефинисање имена елемента. Не смију се дефинисати два елемента са истим ид именом на страни.

Class атрибут служи за дефинисање класе тага. Класе су начин да се одређена класа атрибута истовјетно стилује.

style је атрибут којим се може ручно подесити стил тј. начин приказа елемента. О њему ће бити више приче у стилизовању.