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

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

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

opšti опис

ХТМЛ фајл - један страну сајта, иако је то дискутабилно, али оно што је један фајл по страници, за почетак је јасно.

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

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

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

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

Глава секција

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

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

Да бисте приказали садржај странице садржаја овог одељка има само индиректну значај јер показује где неки други фајлови имају ЦСС правила за ознаке и друге скрипте језика.

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

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

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

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

секција ТЕЛА

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

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

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

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

Једноставан пример за код ХТМЛ-страници (само секцији тело) је приказан испод.

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

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

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

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

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

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

Назив предмета, ознака пар, састоји се од властитих имена (ТагНаме) и угластим заградама ( «<» + тагНаме + «>»), ако говоримо о почетку ознаке, и «», ако снимљен њен крај.

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

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

Укупно описи ХТМЛ садржај

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

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

Поред једноставних елемената ХТМЛ нуди да опише табеле и форме. Ови елементи су веома тражени у "свакодневном градилишту."

Опис табле: тагс ТАБЛЕ ТР ТД

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

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

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

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

Опис форма: ФОРМА ознака, УЛАЗ

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

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

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

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

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

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

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

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