ХТМЛ-- Хипертект Маркуп Лангуаге који је направио Интернет као што знамо и волимо. Управо захваљујући овим дивним алата сајтовима изгледају лепо и модерно и даје погодност њиховог коришћења. ХТМЛ је једноставно монтира елементе веб странице у опцији усер-фриендли. Његов рад се може упоредити са чињеницом да текстуалне едиторе као што су МС Ворд или ОпенОффице. Напуне безличан масу писама у документу који има ставове, храбар текст, курзив, табеле, па чак и слике. Отприлике исто чини ХТМЛ код једина разлика је да су његови документи приказани у претраживачу, као и могућности овог алата је много шира од текст едитору. Користи се за означавање ознаке - посебне команде које описују структуру веб странице. Они су затворени у угластим заградама - <ознака>, претраживач могао да их разликује од укупне масе текста. Следеће што ће изгледати на основама ХТМЛ за почетнике.

визуални едитори

Почетници само поплочавање пут за проучавање ХТМЛ, често почињу свој рад са програмима за креирање веб странице, без икаквог знања. Они једноставно могу ставити ставке на екрану како ће се појавити у претраживачу. Чини се, овде је - извор вечне милости, омогућава да се отараси већина веб програмера. Али није тако једноставно, јер су визуелне уредници имају много недостатака због којих је немогуће да их користе у озбиљним пројектима.

Ови програми стварају доста непотребних ознака које чине коначна верзија странице гломазан и оптимална. Наравно, у овом добу великих брзина интернета је од мање важности него у прошлости, али постоје бројни разлози зашто је концизан и добро написан сајт је много практичније од свог колеге, створена у визуелном едитору. Веб страница је у таквом програму ће бити тешко лечити претраживача као важно за њих сваки килобајта кода и гломазна и нелогичних код са гомилом семантичких грешака тешко их да пробају. Поред тога, уредници често иза времена, постају ирелевантна, и да троше ресурсе на њихов развој је практично јер нема професионални неће користити ове производе. Због тога, свако ко жели да ради у стварању локација, требало би да знате основе ХТМЛ-а.

ознаке

Као што је већ поменуто, ознаке описују структуру странице веб претраживача. Већина њих има отварање и затварање ознаке, али не све. На пример, <наслов> ... , где је уместо тачке је садржај. Први од ових емисија где ознака почиње, а други га затвара. У оквиру други елементи могу бити у изгледу странице могу бити угњеждени као гнезда лутке. Овде је од пресудног значаја за затварање ознаке које се страница правилно приказана.

Ту су и појединачне ознаке, које не треба да буде затворен. У њима је било унутра, као и атрибути. Атрибут може утврдити за већину ХТМЛ тагова и поставља својства елемента. Намењена је у првом таг изгледа овако: атрибут = "...", где је уместо тачке је вредност атрибута. Познавање ознаке је први и најважнији корак за развој ХТМЛ. Основе ове вештине подразумева и разумевање веб странице структуре.

dokument структура

Сваки ХТМЛ документ има одговарајућу екстензију, на пример, индек.хтмл. Дакле, претраживач може разумети шта треба да ради, и исправно прикаже страну. Сви фајлови се користе за креирање сајта, препоручљиво је да се задржи у истом директоријуму да ће у будућности ће у великој мери олакшати живот. Темељи Хипертект Маркуп Лангуаге ХТМЛ подразумева јасно разумевање структуре документа. Она почиње са ознаком , говори бровсер верзију ХТМЛ, који се користи у овом документу. У овом тренутку, актуелно пета верзија језика, тако да нема потребе да се измисли, са сигурношћу можемо убаците изнад таг на врху сваке странице.

Затим идите на главни упареним структуре, који чине "костур" сајта. Први таг у којима се стави све остало - <ХТМЛ> ... . Све што је изван, није призната од стране претраживача као веб страницу, тако да се отвара и затвара документ. Ова ознака је потребно за било који документ. Такође садржи неколико обавезне ознаке, који ће бити речи касније.

глава

Унутар таг <главе> ... садржи информације техничке природе, које неће бити приказане на страници, али, ипак, је важан део документа ХТМЛ. обавештење сајт постављен на овом месту, бира и уводи у кодирање имена странице. садржана је у оквиру обавезног таг <титле> ... . Он приказује име на врху прегледача, где можете ставити малу икону за садржај странице. Препоручљиво је да се одмах одреди документ кодирање за исправан приказ. Ово се може урадити са ознаком <мета цхарсет = "УТФ-8" />. Мета подаци о странама дају структуру и обично се налазе у глави.

линк

Основно познавање ХТМЛ-а такође укључује употребу каскадне стилова, или ЦСС. Они су својства елемената који ће бити приказани на страници. Савремени приступ овом проблему подразумева наметање таквих карактеристика као што боја, висине и положаја тачке, на спољним датотеке за додатне погодности. Да бисте повезали ЦСС-фајл користи ознаку <линк />. У финалном облику, то изгледа отприлике овако: <веза хреф = хттп: // сајт /артицле/250376/%Е2%80%9Дстиле.цсс%Е2%80%9Д тип = "текст / ЦСС" />, што указује хреф на локацији датотеке и тип - на његову врсту.

тело

То је у овом делу ХТМЛ-документ створио видљивог дела странице. Све што се ради унутар "тело" ће бити приказан од стране претраживача. <Боди> користи велику количину ХТМЛ тагова. Основе - Ово форматирање текста, рад са линковима и једноставан алат за структурисање веб страницу. На посао у ХТМЛ, довољно је знати основне ознаке и да би могли да их користе. Испод су најпопуларнији они:

• <Спан> - се користи издвоји подстроку, који се добио одређени стил, описаним у цсс;
• <а> - ствара везу на Веб страници; јумп адреса је наведена атрибут хреф;
• <Див> - један од најпопуларнијих савремених таговима; Свако ко је одлучио да науче основе језика ХТМЛл треба обратити посебну пажњу на то, јер је блок елеменат, који је направљен на основу лавовски данашњих веб страница (параметри за блок: <див> су постављени у ЦСС, и других јединица може се поставити унутар овог тага);
• <П> - бира пасус текста; садржај става се налази између отварања и затварања таговима;
• <Ол> - а нумерисана листа, елементи од којих су ознака пар <ли>;
• <Ул> - листа набрајања, која, као и нумерисаним елемената означен ознаком <ли>;
• <Х1> - <х6> - документ заглавља (фигура показује ниво заглављу, односно <Х1> - главни наслов, а следеће варијације су његови преводи, успут, нивои наслова <х5>, <Х6> је готово немогуће наћи на интернет отвореним просторима) takođe је важно имати на уму да страница може имати само један заглавље

  ;

• <Стронг> - подебљан текст;
• <Ем> - италиц;
• <Имг /> - инсерт слике на веб страници (то је један ознака, то не треба да се угаси, али је потребно да наведе алт атрибут, који дефинише текст за слику);
• <Видео> - убаците видео на веб страници;
• <Аудио> - ознака је уметнута у документу аудио фајл.

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

ЦСС

Развој ХТМЛ језику довело је до тога да сваки таг обзаволсиа тежина атрибуте, а услови за појаву веб страница значи значајно повећао. Код постао гломазан и незгодно, било је тешко да прочитам, а камоли да се прилагоде или промене. Поред тога, онда морају да се знојим, мењају сваки руку ако ваш сајт десет страница, на којој је много наслова, означене зеленом бојом, и изненада желели да их црвено. Са појавом Цасцадинг Стиле Схеетс, овај процес је постао једноставан и логичан, и ХТМЛ-код је постало много читљив.

примјеном ЦСС

Да бисте креирали Веб странице, морате знати основе ХТМЛ и ЦСС, тако да је сада без знања Цасцадинг Стиле Схеетс да уради у овој области није ништа. Они су атрибуте за сваки елемент који се примењују на цео документ. Дакле, можете подесити боју једном за све <п> елемената или <а>, писање само једно правило. Имајући у виду тренутне услове за појаву веб страница, употреба Цасцадинг Стиле Схеетс је обавезна.

Да би се повезали ЦСС фајл на документу, постоји ознака веза. Нешто изнад је описан принцип његовог коришћења, али то није једина опција комбинује све стилове на једном месту. Ту је ознака <стил>, који се налази у "главе" документа и омогућава вам да се региструјете стилове без коришћења ЦСС фајлова. Не мора да значи да користе било коју другу методу или. Они се могу успешно комбинују да произведе најбољи резултат. Да бисте направили датотеку са стилова треба да направите датотеку са екстензијом .цсс, на пример, стилес.цсс.

Јавасцрипт

Често особа која је одлучио да почне да развија веб странице, схвата да његов задатак није довољно средстава које нуди ХТМЛ. Основе ће створити лепу страну, али шта ако изненада треба да буде интерактивна? За ове сврхе, постоји јединствена сценарија програмски језик који ступа у интеракцију добро са ХТМЛ. То се зове ЈаваСцрипт јер је замишљен као млађег брата популарног програмског језика Јава. Данас, ови језици имају значајне разлике, а јаз између њих расте само.

Јавасцрипт може оснажити ХТМЛ, омогућава да креирате и мењате ознаке. Такође, уз помоћ ове дивне алата, можете радити са Цокие, преузимањем података са сервера без поновног учитавања странице како би сајт више интерактивна од дозволити ХТМЛ способности. Има језика и ограничења које су повезане са сигурношћу. Ако ЈаваСцрипт није коришћен на страни сервера, она ће се одвијати у условима који ограничавају његову способност, да би нападачи користе злонамерног кода на било ком рачунару.

уредници

ХТМЛ основе за почетнике преузме знање о најповољнијем и практичан програм за израду веб страница. Као што је описано горе, визуални едитори попут Дреамвеавер и слично, нису погодне за ове сврхе. Дакле, пишу ознаке у нормалном нотебоок? Ова опција је такође под знаком питања, јер стандард лаптоп нема неке посебне алате за распоред. Овај задатак може добро носи Нотепад ++. Велики плус овог производа је да је опен соурце и дистрибуира бесплатно. У њему постоји погодан синтаксе и ауто-затварање ознаке. Нотепад ++ такође нуди широк спектар језика интерфејса, и његову способност да лако проширење уз помоћ бројних додатака.

Сублиме Текст 3 - програм сличан Нотепад ++, али се простире на основу накнаде. То је освојила срца већине програмера. Сублиме Текст 3 идеална за ЈаваСцрипт, ЦСС и ХТМЛ. Основе рада са њом ће морати да науче сами, али вредело је. Садржи заиста неограничене могућности за фино подешавање да максимизира подесите програм тако да одговара вашим потребама.

Основе ХТМЛ и ЦСС за почетнике

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

Немојте бити погрешно у овом послу је вештина посао у Адобе Пхотосхоп. Овај програм омогућава да радите са фотографијама, сликама и других графичких елемената веб страница. У овом тренутку "Пхотосхоп" је најбоље да се изборе са таквим проблемима, такмичари су имали мало. За оне који су компаније Адобе Продуцт није дошао у својој вољи, ту Лигхтроом ГИМП, Иллустратор и остали програми са сличним функцијама.

То даје знање о ХТМЛ

Вештине у креирању веб странице је веома релевантна и данас, као што је интернет у експанзији по скокови и границе. Свако предузеће, било, чак и најмањи продавница, радионица и спортских клубова - сви желе да имају свој сајт. И наравно, за то им је потребно програмера који поседује ЦСС и ХТМЛ. Основе лак за учење, а онда је до праксу. Пошто је распоред технологија се непрестано развија, на фронт-енд програмери су увек у потражњи. Свако ко одлучи да се посвети овом узбудљивом индустрији, никада неће бити без посла.