Еден пример на HTML страница и основните принципи на

Измислен многу јазици, а јазикот на HTML-от е една од најпознатите специјални и vosstrebovan. Бидејќи тоа вклучува многу други клучни иницијативи во програмирање. Многу е ставена на располагање, кога во главите на инвеститорот присутни познавање на јазикот за означување - HyperText Markup Language (HTML).

Всушност, во HTML, не постои ништо тешко, а во неколку минути сите најдалечните од програмирање и интернет луѓе ќе ги исполни воспоставување на HTML-страници во тетратката. Важен пример, едноставност, навистина, достапни за секого.

општ опис

HTML датотеки - сајт со една страница, иако тоа е дискутабилно, но она што е една датотека по страница, за почеток тоа е јасно.

HTML датотека започнува со DOCTYPE удар со глава, кој одредува дека типот на датотеката - HTML. Сите елементи од страната (ознаки) се означени во аглести загради. Секој пар ( "<" и ">") вклучува една HTML таг. Обично HTML тагови се спојат, што е, за секој «таг» имаат «/ ознака». И двете се ставени во аглести загради. Постои една ознака, од кои повеќето популарни «Br /» - транзиција кон следната линија.

Најголемата таг во документ - тоа си HTML, која ги вклучува само две таг: главата и телото. Во првиот случај, различни спецификации се индикативни за линкови до други релевантни датотеки страница можат да бидат присутни на PHP и го вклучите Javascript-скрипти. Во втората страница напишани содржина. Исто така, во форма на тагови и скрипти.

Едноставна HTML-страница

Пример за создавање на таква страница е наведено во написот подолу. го разгледа внимателно.

делот ГЛАВАТА

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

• клучни зборови и опис на страницата;
• линкови до други датотеки (* .css и .js *).

За прикажување на содржината на содржината на страната на оваа делница има само индиректно значење, бидејќи тоа покажува каде некои други датотеки имаат CSS правила за етикети и другите скрипти јазици.

HTML-страница има наслов (НАСЛОВ), која се прикажува кога некој посетител ќе го носи вашиот глушецот над ливчето каде на страницата е отворен. Ова е важно, бидејќи тоа го прави на страницата многу повеќе згреши, полесно е да се каже, потпишан читлив текст.

Мета-тагови кои се важни во веб програмирање во целина, но кога тоа е потребно создавање на HTML-страници во една тетратка, на пример на несакани средена излишни структури.

На линкот и СЦЕНАРИЈА линкови треба да се обрне посебно внимание. Првиот се однесува на место каде што е CSS интерфејс датотека, вториот - на локацијата на JavaScript код датотека. Такви врски може да се постави.

Ако користите скрипти треба да се третира како HTML знаење, ќе стане посилна, треба да се обрне внимание веднаш на Cascading Style Sheets. датотеки на CSS се, особено, на правилата за регистрација на HTML тагови.

делот ТЕЛО

Всушност, страница примерок HTML - ова е дел од телото. Таа е тука дека ги содржи сите информации, сите на содржината страница. Сите информации што се претставени во форма на ознаки и скрипти, како што се внесување на вклучите Javascript-код или парчиња на PHP-програма.

Тоа е важно да сфатат дека примерот на HTML веб страни во пребарувачот и истиот пример во текст едитор како Notepad, ова не е иста работа. Во првиот случај, ние сме подготвени HTML-текст во кој извршува сите скрипти. На пример, PHP ги исполни својот дел и формираше наместо кодот во вистинските места таговите. JavaScript, исто така, ја исполни својата мисија, иако за тоа допрва треба да биде посебен разговор.

HTML - тоа тагови наместо на скрипти. На крајот на краиштата, само на содржината на страната прикажани во пребарувачот, но неговата ознака. Не PHP код не е таму.

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

Едноставен пример на код HTML-страница (само делот од телото) е прикажан подолу.

пребарувачот на посетителот тоа изгледа како што е прикажано подолу.

не е наведен во код мора да изгледа како и елементите кои го донесоа на прелистувачот. Сите дизајн е видлив во правилата на CSS. Во овој случај, Mcss / scPhpWordRW.css датотеката што беше наведено (види. Уште првиот пример на HTML-страницата.)

За разлика од HTML, CSS тема е поедноставно, има многу достапни правила и нивниот број е мал, кога на пример за создавање на HTML-страници не бара ништо друго освен бележник. Сè што е многу достапни за непосредна развој:

Ова покажува колку е лесно е опишан таг scLogo_vDoc, и овој опис е дека во една нормална држава на етикетата прикажува слика vDoc-logo.png, и кога глушецот е над него - прикажани vDoc-logo-h.png.

Структурата на описи HTML

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

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

Пример за HTML страници опишувајќи атрибути сместена во текстот подолу.

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

Вкупно описи HTML содржина

HTML страница ви овозможува да се опише блок и вметнати елементи. Прво окупира одредена област во прозорецот на прелистувачот може да се постави апсолутно, дека е во право место во областа на екранот HTML-страници, и имаат одредена големина.

Вметнати елементи обично се појавуваат една нишка, а тоа е, како што беше наведено во датотека страница, и е прикажана на екранот. На екранот на вкупниот проток може да се влијае кога ќе се појави страницата да се вчита. За сместување, видливост, и други својства на блок елементи може да се влијае во секое време преку вклучите Javascript-код.

Во прилог на едноставни елементи, HTML нуди да се опише табели и форми. Овие елементи се многу на побарувачката на "градење на секојдневниот сајт."

Опис на табела: Табела ознаки, TR, ТД

Кога ТАБЕЛА ознака може да се користи за да се создаде маса, се определи бројот на редови и ТР во ред за голем број на ТД клетки. За разлика од вообичаените маса на организација, поради HTML-Селектирај организација табеларен природата ограничени на оваа изјава, бидејќи ако инвеститорот сака да има правоаголна маса во која бројот на колони во сите редови на истата, тогаш тоа мора да го следи тој за себе.

Принципиелниот став на HTML: стори се што е, но ништо што не е разбрана. Во некои случаи тоа не е толку важно да го бројот на колони во секој ред од табелата, но ако сакате да се изврши спојување клетки хоризонтално или вертикално, потребно е да се избројат сите многу внимателно.

Пример HTML страница со опис на едноставна табела графички прикажани во статијата.

Тука е табела покажувајќи со големина од три реда по три колони, со првиот ред таг TH се користи наместо на ТД таг - насловот на колоната. Особено се разликуваат овие два тагови не се, но тоа е можно да се користи првиот да се направи разлика помеѓу првиот ред од табелата, а во CSS за TH, можете да го закачите вашиот сопствен стил, кој се разликува од другите ТД.

Опис форма: форма таг, INPUT

Образец - ова е најбараните дел од HTML-ознаки. Користење на форми може да пренесува информации. Всушност, од страната - оваа информација дисплеј, но формата - влез.

Пример HTML страница со опис на едноставна форма:

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

Употреба на HTML

Да се знае хипертекст јазик - неопходен услов за било која работа специјализација во областа на интернет програмирање, но ако сакате да се напише програма во PHP и го вклучите Javascript-, тогаш знаете како HTML + CSS треба совршено.

PHP јазик е идентификуван во претходниот пример. PHP работи на серверот, бидејќи на страницата со оваа форма полета од серверот на пребарувачот со полиња исполнети. Особено, TestOnBlur функциите споменати во INPUT таг (onblur настан управувачот), доби сите параметри во форма на текст полиња.

Прелистувачот тече JavaScript, и правилно да работел на испратени податоци копчето за враќање назад до серверот, што е, дизајн :. onclick = jQuery ( "# за да ') val (" количка "), потребно е да се знае не само за тоа што jQuery, но, она што #to, Val, количка. Поточно, тоа е потребно да се знаат основните HTML тагови и општите правила кои се однесуваат на нив стилови CSS.

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