Обавезни тагови HTML странице
У ствари, "језик" HTML није језик програмирања (заправо, он уопште није језик). Он представља један код, скуп ознака - тагова (знакова помоћу којих се управља), који омогућују да се обичан текст представи као обликован (нпр. да се подебља, подвуче, обоји,...).
.
Такво представљање текста, могуће је само у специјалним програмима – прегледачима (читачима, браузерима) (програми помоћу којих ви шетате по интернету – Internet Explorer, Mozilla, Opera, Google Chrom, ...). Они приказују само уређен, обликован текст и скривају ознаке-тагове, који су примењени за то обликовање.
.
Такво представљање текста, могуће је само у специјалним програмима – прегледачима (читачима, браузерима) (програми помоћу којих ви шетате по интернету – Internet Explorer, Mozilla, Opera, Google Chrom, ...). Они приказују само уређен, обликован текст и скривају ознаке-тагове, који су примењени за то обликовање.
.
Да би вам било јасно о чему причам, кликните десним мишем по било којој страници на Интернету и у изборнику који се отвори, изаберите опцију за приказивање изворне странице и видећете страницу у њеном правом облику, написану помоћу ознака-тагова (у Google Chrom – Прикажи извор странице; у IE – View Source, у Mozilla Firefox - Преглед HTML кода...)
Кодови НТМL могу да се пишу у обичним текстуалним уређивачима – NotePad, NoteРad++, EmEditor, AkelPad, ..., а такође, могу се користити тзв. визуелни уређивачи (BlueGriffon, Dreamweaver, Namo WebEditor,...), у којима се може писати и у облику обичног текста и у облику кода.
Почећемо од структуре html-странице, тачније од њених обавезних делова.
Обавезни тагови HTML-странице:
<HTML> - пoчетак
.
.
<HEAD>
Назив странице у прегледачу; кључне речи;...
</HEAD>
.
.
<BODY>
Све оно што се види на страници
</BODY>
.
.
</HTML> - крај
Као што видите, ови тагови су парни (постоји отварајући и затварајући таг или почетни и завршни). Већина тагова су такви, мада нису сви. Отварајући и затварајући се разликују по косој црти /. Такви тагови још се зову и контејнери, зато што се између њих могу сместити други тагови, тј. може се ставити контејнер.
Имена тагова могу бити написана малим или великим словима и за прегледаче ту нема разлике, они то прихватају једнако.
Имена тагова могу бити написана малим или великим словима и за прегледаче ту нема разлике, они то прихватају једнако.
Тагови <HTML> и </HTML> показују прегледачима да имају посла са тзв. хипертекстуалним страницама. Сваки html-документ мора да почне са <HTML> и да се заврши са </HTML>, тј. између та два тага, налази се ЦЕО код html.
Међу таговима <HEAD> и </HEAD> налази се заглавље странице – натпис који је у прегледачу скроз на врху (на плавој/зеленој линији). Ту се чува информација о целој страници. Ми те информације не видимо и у суштини, они и нису обавезни, тј. и без њих html документ нормално ће се видети преко прегледача Интернета. И ако одлучимо да између та два тага не буде ништа, препорука је да се они увек пишу: просто <HEAD></HEAD> . То је потребно због синхронизације међу различитим верзијама програма.
Међу таговима <HEAD> и </HEAD> налази се заглавље странице – натпис који је у прегледачу скроз на врху (на плавој/зеленој линији). Ту се чува информација о целој страници. Ми те информације не видимо и у суштини, они и нису обавезни, тј. и без њих html документ нормално ће се видети преко прегледача Интернета. И ако одлучимо да између та два тага не буде ништа, препорука је да се они увек пишу: просто <HEAD></HEAD> . То је потребно због синхронизације међу различитим верзијама програма.
Од симбола који се налазе између та два тага, виде се само они који стоје између тагова <TITLE> и </TITLE>. Између њих стоји назив html документа који се види на самом врху прегледача. Међутим, иако се остали симболи не виде у прегледачима, они имају велики утицај на изглед html странице, на њен живот на Интернету и на њено рангирање од стране система за претрагу: Google, Yahoo,...
.
Основни садржај html документа налази се међу таговима <BODY> и </BODY>. Ту се налази све оно што ми видимо када отворимо html страницу: текст, графика, мени, везе-линкови, ... То је „тело” странице.
Сви остали тагови, који се користе за прављење html документа, налазе се између та два тага. Они имају различите параметре или атрибуте. Нпр. напишемо:
< BODY bgcolor="#FF0000">< /BODY> - цела страница ће бити црвена
BODY – таг (ознака)
bgcolor – атрибут(параметар) тага BODY(означава да се ради о боји позадине)
"#FF0000" – значење атрибута (ознака за црвену боју)
Важно: Сви атрибути тага и њихова значења, наводе се у отварајућем (почетном) тагу и не наводе се у затварајућем (завршном).
Међу таговима <TITLE> и </TITLE> налази се назив странице који се види у горњој линији прегледача (уоквирено црвено на горњој слици).
Почетак html-кода моје странице на сајту, која се зове "O бизнису":
Обојено жуто – страница почиње отварајућим тагом <html>
Обојено зелено – отварајући таг <head> и затварајући таг </head>
Обојено љубичасто – отварајући таг <body>
- отварајући <title> и затварајући таг </title> измећу којих се налази (подвучено зелено) оно што се види скроз горе у плавој линији прегледљача (заокружено на претходној слици)
Забрљано црвено: ”О бизнису Vision” – то је опис моје странице - Description
Забрљано црвено: ”О бизнису Vision” – то је опис моје странице - Description
.
Забрљано зелено: бизнис, интернет, млм, Vision – тo су моје кључне речи – Кeywords
Забрљано зелено: бизнис, интернет, млм, Vision – тo су моје кључне речи – Кeywords
Ниједно од ова два не види се нигде, али има значаја за претраживаче. На овој фази прављења сајта, можете да смислите по једну реченицу за опис сваке странице понаособ и кључне речи за сваку страницу понаособ (то треба да буду речи које се помињу на тој страници) и то је за сада сасвим ОК.
Остало што се налази између тагова <head> и </head>, нема за нас, за сада, никакав значај и нећемо га анализирати. У наставку, прећи ћемо на таг BODY, јер између отварајућег и затварајућег BODY, налази се све оно што ми стављамо на нашу страницу и што се види кад се уђе на сајт.
.
0 коментара :
Постави коментар