Ако одлучите да направите веб страницу, онда без језикахтмл означавање хипертекста неће вас далеко одвести. Наравно, ту су и ЦСС, ПХП и други скрипт језици, без којих потпуна веб локација, како сте навикли да је видите, неће радити. Међутим, основне хтмл ознаке ће вам омогућити да поставите темеље за своју веб локацију.
Када отворите било који хтмл документ илина веб страници, видите огроман број различитих ознака. Међутим, ако боље погледате, већина њих се понавља јер описују исте елементе. На пример, главне хтмл ознаке укључују ознаке типа документа <!ДОЦТИПЕ хтмл>, <хтмл>, <хеад>, <боди>, <титле>, <имг>, <п> и друге.
Да бисте означили тип тренутног документа, користитеелемент <!ДОЦТИПЕ>. Потребан је претраживачу да препозна како да тумачи одређену веб страницу. У зависности од тога коју верзију хтмл-а користите, овај елемент ће изгледати другачије. У ХТМЛ5 ће имати следећу вредност: <!ДОЦТИПЕ хтмл>
Након што сте одредили који типодноси се на ваш документ, требало би да користите ознаку <хтмл>. Као и већина других тагова, он је упарен, односно има ознаку за отварање и затварање. Разлика између њих је у томе што се испред завршне ознаке налази коса црта "/". Дакле, најосновнија хтмл ознака за креирање веб локације би изгледала овако:
<хтмл>
...
</хтмл>
Између почетне и завршне ознаке, у овом случају, налазиће се остатак кода који ће обухватити цео садржај веб странице.
Таква ознака је и главна хтмл ознака.Пише се после <хтмл>, а такође је упарен и садржи углавном метаподатке веб странице. Ови подаци се не приказују у видљивом делу хтмл странице (са изузетком ознаке <титле>, која садржи наслов странице), али их користи претраживач за правилно приказивање документа. Такође, информације које се налазе у овој ознаци користе разни претраживачи. Пример:
<хеад>
метаподаци
<титле> Наслов странице </титле>
</хеад>
Главна ознака за хтмл сајт, пошто је онсадржи све видљиве елементе странице - сав текст, све слике и друге информације. У суштини, као и ознака <хтмл>, она је контејнер за друге ознаке. Пример:
<боди>
Видљив садржај веб странице
</боди>
Све горе наведене ознаке су основнехтмл језичке ознаке. Међутим, у језику за означавање хипертекста још увек постоји огроман број других елемената. На пример, ознаке параграфа и наслова. Они вам омогућавају да структурирате текст, поделите га у засебне пасусе и истакнете. Дакле, за пасусе се користи ознака <п>, то је паир таг, између чијег отварања и затварања се налази неки текст. Пример:
<п>
Текст пасуса
п>
Поред пасуса, текст може да садржи изаглавља. Међутим, они такође мењају изглед текста садржаног у њему, чинећи га већим и смељивијим. Постоји 6 типова заглавља који се разликују по величини. На пример, наслов <х1> је највећи, а наслов <х6> најмањи.
Ниједна веб локација није потпуна без слика,слике и фотографије. Заиста, без овога, веб странице би биле сув текст, незанимљив за проучавање. За уметање било које слике на сајт, језик за означавање хипертекста користи ознаку <имг>. Важно је напоменути да овај таг није упарен, па ће у коду бити написан као <имг />.
Често, поред текста и разних слика,Везе се користе на веб локацијама. Они могу да преусмере на ресурс треће стране или на другу страницу на вашем сајту. Ознака <а> се користи да означи присуство везе.
Мало смо схватили са главним ознакама.Међутим, већина ознака такође има атрибуте. Написане су у елементу отварања и састоје се из два дела. Први је назив самог атрибута, други је вредност овог атрибута, који се пише иза знака "=" и ставља се у наводнике.
Многе ознаке имају атрибуте.Међутим, за неке ознаке, њихово присуство је опционо ако не желите да мењате елементе ни на који начин. За друге ознаке, присуство атрибута је обавезно, као што су ознака <а> (за креирање хипервеза) и ознака <имг /> (за додавање слика на страницу). Ствар је у томе што ако не наведемо атрибуте и њихове вредности за ове главне хтмл ознаке, онда их нећемо видети на страници сајта.
Ако у коду наведете текст приложен у ознаци<а> , тада нећете видети ништа осим овог текста на веб страници. Сама ознака, у ствари, говори само о намери да се направи хипервеза, а да бисте је заправо креирали, потребан вам је атрибут. Овај атрибут ће бити хреф, а вредност овог атрибута ће бити специфична референца ресурса. Дакле, ако желимо да направимо везу ка сајту фб.ру, она ће изгледати овако:
<а хреф="фб.ру"> Линк ка фб.ру</а>
Дакле, сав текст који се налази између ознака <а> је хипервеза, а вредност атрибута хреф, затворена у двоструке наводнике, биће адреса на коју ћемо отићи када кликнемо на текст.
Слична је ситуација и са ознаком <имг />.Ако не наведемо атрибут и његову вредност заједно са њим, слике се неће појавити на веб страници. Као иу случају ознаке <а>, присуство ознаке <имг /> нам само говори да ћемо убацити фотографију у наш код. Међутим, да би се ова слика појавила, морате навести адресу ове слике. За ове сврхе, мораћете да користите атрибут срц, чија ће вредност бити адреса слике која се налази на ресурсу треће стране или на вашем рачунару.
<имг срц=хттпс://имг.фонвалл.ру/о/ф7/закат-море-палми-плиазх-к85н.јпг />
Поред тога, ознака <имг /> има још једнуатрибут. Не сматра се обавезним, али је препознато као препоручено за употребу. Овај атрибут је атрибут алтернативног текста. Вредност овог атрибута биће текст који одговара опису фотографије или слике. Овај текст ће се приказати ако из неког разлога слика не успе да се учита. Поред тога, коришћење овог атрибута ће помоћи особама са оштећеним видом који користе читаче екрана. Дакле, ознака <имг />, заједно са два наведена атрибута, изгледала би овако:
<имг срц=хттпс://имг.фонвалл.ру/о/ф7/закат-море-палми-блиазх-к85н.јпг
алт="опис слике"/>
Постоји огроман број атрибуталиста је исто тако огромна као и листа основних хтмл ознака. Међутим, постоји атрибут који је инхерентан већем броју ознака одједном. Ово је поравнање. Може се користити са ознаком <имг /> као и са ознаком <п>. Његова суштина је да поставља позицију слике или текста на страници. Најосновније вредности за овај атрибут су десно и лево, које означавају десно и лево поравнање (респективно). Ако га примените на слику, код ће изгледати овако:
<имг срц=хттпс://имг.фонвалл.ру/о/ф7/закат-море-палми-блиазх-к85н.јпг
алт="опис слике"
алигн="ригхт"/>
Међутим, треба напоменути да је недавнонеки од ових атрибута се не користе и уместо њих се користе каскадни листови стилова (ЦСС). Да би се користили стилови у хтмл-у, написана је ознака <линк>, која је дизајнирана да повезује стилове и налази се у ознаци <боди>.