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

узорак хтмл страница

У суштини, у ХТМЛ-у нема ништа компликовано, и крозНеколико минута, било ко, најдаље од програмирања и особа Интернет, креира ХТМЛ страницу у нотебооку. Примјер који заслужује пажњу је једноставност, која је стварно доступна свима.

Општи опис

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

ХТМЛ датотека почиње са ДОЦТИПЕ заглавља, ушто указује на то да је врста ове датотеке ХТМЛ. Сви елементи странице (ознаке) су означени у угловима. Сваки пар ("<" и ">") укључује једну ХТМЛ ознаку. Обично су ХТМЛ ознаке упарене, тј. Постоје "/ таг" за сваку ознаку. Оба су затворена у угловима. Постоје појединачне ознаке, од којих је најпопуларнија "бр /" прелазак на следећу линију.

Највећа ознака у датотеци је ХТМЛ самакоја укључује само две ознаке: ГЛАВА И ТЕЛО. У првом су направљени различити описи, наводе се линкови на друге странице, ПХП и ЈаваСцрипт скрипте могу бити присутни. У другом, садржај странице се снима. Такође у облику ознака и скрипте.

Једноставна ХТМЛ страница

Примјер стварања такве странице је наведен испод у чланку. Размислите пажљиво.

Примјер аутора није слика

Секција ХЕАД

Главна сврха ХЕАД таг-а је општи опис странице и заједничких сценарија, иако је последњи релативно релативан концепт. Обично су важне само двије ствари:

  • кључне речи и опис странице;
  • везе до других датотека (* .цсс и * .јс).

За приказ садржаја странице, садржај овог одељка има само индиректно значење, јер то указује: негде у другим датотекама постоје ЦСС правила за ознаке и скрипте других језика.

ХТМЛ страница има наслов (ТИТЛЕ) тоПриказује се када посетилац доведе миш на картицу на којој је страница отворена. Ово је важна тачка, јер чини страницу много презентативнијом, лакшом рећи, потписаном са читљивим текстом.

хтмл веб-пример

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

Линкови ЛИНК и СЦРИПТпажњу. Први показује место на којем се налази стилски стил ЦСС-а, други на локацију датотеке ЈаваСцрипт кода. Може бити много таквих референци.

Ако скрипте треба приступити, када знатеХТМЛ ће бити ојачана, а затим треба пажљиво обратити пажњу на каскадне стилске листове. У ЦСС датотекама су, посебно, правила за дизајн ХТМЛ ознака.

Секција БОДИ

Заправо, пример ХТМЛ странице је овосекција БОДИ. Овде се налазе све информације, сав садржај странице странице. Све информације су представљене у облику ознака и скрипте, на пример уметањем ЈаваСцрипт кода или комада ПХП програма.

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

једноставна хтмл пример страница

ХТМЛ је ознака, а не скрипта. На крају, прегледач приказује само садржај странице, само његове ознаке. Овде нема ПХП кода.

ЈаваСцрипт је у посебном положају, његова је забринутост да служи страници не само у тренутку учитавања (преоптерећења), већ и када је страница у прегледачу посетилаца, а корисник га проучава.

Једноставан пример ХТМЛ кода (само одељак БОДИ) је наведен испод.

Примјер аутора није слика

А у прегледачу посетилаца изгледа да је приказан испод.

Примјер аутора није слика

Код није прецизирао како изгледатиелементе које је прегледач приказао. Сви видљиви дизајн је у ЦСС правилима. У овом случају, у фајлу Мцсс / сцПхпВордРВ.цсс, на који се референцирао (погледајте први пример ХТМЛ странице).

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

Примјер аутора није слика

Ово показује како се ознака једноставно описујесцЛого_вДоц, а овај опис је такав да у нормалном стању ознака приказује слику вДоц-лого.пнг, а када је миш изнад њега, приказује се вДоц-лого-х.пнг.

Структура ХТМЛ описа

Језик не подразумева никакву структуру иконцепт синтаксе је веома релативан. Нема варијабли, али има пуно могућности. Основна основа хипертекста је да постоји елемент (ознака) који нужно има име.

Име, у случају ознаке пара, састоји се од одговарајућег имена (тагНаме) и углова заграда ("<" + тагНаме + ">"), ако је почетак ознаке и "</" + тагНаме + ">" ако његов крај.

Пример ХТМЛ странице која описује атрибуте налази се испод у тексту.

Примјер аутора није слика

Ознака може имати атрибуте, а затим се стављајукроз простор након имена ознаке до закључног угла ">". Атрибути, ако имају ознаку, уписују се само на почетку ознаке. Садржај ознаке је оно што је између почетка ознаке и његовог краја.

Општи садржај ХТМЛ описа

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

пример креирања ХТМЛ странице

Ставке линије се генерално приказујуједна нит, то јест, како је назначено у датотеци странице и приказане. На приказу укупног протицаја може се утицати када се страница учита. Постављање, видљивост и друга својства блок-елемента могу бити угрожени у било ком тренутку помоћу ЈаваСцрипт кода.

Поред једноставних елемената, ХТМЛ нуди и опис табела и образаца. Ови елементи су веома потребни у "свакодневној изградњи локације".

Опис табеле: ознаке ТАБЛЕ, ТР, ТД

Користећи ознаку ТАБЛЕ, можете креирати таблицу,указују на одређени број редова ТР и у сваком реду одређени број ТД ћелија. За разлику од уобичајене табеларне организације, због специфичности ХТМЛ маркупа, организација за прегледивање је ограничена на ову декларацију, тако да ако програмер жели да има правоугаону табелу у којој је број колона у свим редовима исти, онда мора сам то пратити.

пример ХТМЛ хтмл страница

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

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

Примјер аутора није слика

Ево табеле величине три реда по триколоне, ау првом реду, уместо ТД ознаке, коришћена је ТХ ознака - заглавље ступца. Не постоје посебне разлике између ове две ознаке, али можете прво користити за разликовање првог реда табеле, а у ЦСС-у можете додати свој стил, који га разликује од других ТД-ова.

Образац опис: ФОРМ, ИНПУТ ознаке

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

Пример ХТМЛ странице са једноставним описом формата:

Примјер аутора није слика

Употреба форме је много већа, алиглавне могућности су следеће. Можете уносити поља уноса, додијелити их дизајну и руководиоцима за анализу корисничког уноса. Можете одредити скривена поља и послати позадинске информације са странице. Можете да означите дугмад за пренос информација, кликом на које покреће пренос информација.

Коришћење ХТМЛ-а

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

Језик ПХП је означен у претходном примеру. ПХП се покреће на серверу, јер страница са овом формом прелази са сервера у претраживач с попуњеним пољима. Конкретно, функција ТестОнБлур, наведена у ИНПУТ ознаци (онблур евент хандлер), примила је све параметре у облику текстуалних поља.

креира хтмл страницу у нотебоок рачунару

Бровсер покреће ЈаваСцрипт и даправилно радила за слање података назад у кључу сервера, то је дизајн :. онцлицк = ЈКуери ( "# до") Вал ( "царт"), морате имати идеју не само о томе шта је јКуери, али оно што #то вал , колица. Прецизније, потребно је знати основне ХТМЛ тагове и општих правила која се примењују на њих у ЦСС стилове.

Ово је сасвим довољно да брзо подигну своје квалификације за било коју специјализацију у области интернет програмирања.

</ п>