Пример за HTML страница и основните принципи на

Избрано много езици, но на езика на HTML е една от най-специалните и vosstrebovan. Тъй като тя е свързана с много други ключови инициативи в програмирането. Много е на разположение, когато в съзнанието на разработчика настоящите познания на език за маркиране - HyperText Markup Language (HTML).

В действителност, в HTML, няма нищо по-трудно, и само за няколко минути всички най-отдалечени от програмирането и интернет хората, ще отговарят за създаването на HTML-страници в бележника. Забележителни примери, простота, наистина, достъпни за всеки.

общо описание

HTML файл - сайт на една страница, въпреки че това е спорно, но това, което е един файл на страница, за да започнете да го е ясно.

HTML файл започва с DOCTYPE хедър в който се посочва, че типът на файла - HTML. Всички елементи на страницата (тагове) са посочени в ъглови скоби. Всяка двойка ( "<" и ">") включва една етикет HTML. Обикновено HTML тагове, които са сдвоени, т.е. за всеки «маркер» са «/ таг». И двете са затворени в ъглови скоби. Има един маркер, от които най-популярната «BR /» - преход към следващия ред.

Най-големият маркер във файла - той самият HTML, която включва само две етикет: главата и тялото. В първия случай, различни спецификации са показателни за връзки към други, свързани с файлове страница могат да присъстват PHP и JavaScript скриптове. През втората страница, написана съдържание. Също така под формата на тагове и скриптове.

Обикновен HTML-страница

Пример за създаване на такава страница е посочено в статията по-долу. Помислете внимателно.

секция HEAD

Основната цел HEAD маркер - общо описание на страницата, а общите скриптове, въпреки че последният - само относително понятие. Обикновено има отдава голямо значение само две неща:

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

За да се покаже съдържанието на съдържанието на страницата на този раздел има само косвено значение, защото това показва, където някои други файлове имат CSS правила за етикети и други скриптове езици.

HTML-страница има заглавие (заглавие), който се появява, когато посетителят носи мишката върху раздела и в страницата е отворена. Това е важно, тъй като прави страницата много по-приличен, по-лесно да се каже, подписано четлив текст.

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

Върху линка и връзките към скриптове трябва да се обърне специално внимание. Първият се отнася до място, където има CSS стилове файл, а вторият - на мястото на JavaScript-код по делото. Тези връзки могат да бъдат настроени.

Ако използвате скриптове трябва да се третират като HTML познания ще стане по-силен, трябва да се обърне внимание веднага на Cascading Style Sheets. Файловете с CSS са по-специално на правилата за регистрация на HTML тагове.

секция BODY

В действителност, примерна страница HTML един - това е частта на тялото. Той е тук, че съдържа цялата информация, всички от тематичната страница. Цялата информация е представена под формата на тагове и скриптове, като например поставяне на JavaScript-код или части от PHP-програмата.

Важно е да се осъзнае, че по примера на HTML уеб страници в браузъра и същия пример в текстов редактор, като например хартия за писма, това не е едно и също нещо. В първия случай ние сме готови HTML-текст, в който се изпълняват всички скриптове. Например, PHP е изпълнил своята част и формира вместо кода на правилните места на маркери. JavaScript и изпълни своята мисия, въпреки че за него все още предстои да бъде отделен разговор.

HTML - тя маркира вместо скриптове. В крайна сметка, само на съдържанието на страницата в браузъра е показана, но маркер. Не PHP-код не е там.

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

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

браузъра на посетителя да изглежда, както е показано по-долу.

Не е посочен в кода трябва да изглежда като елементите, които донесоха на браузъра. Всичко дизайн се вижда в правилата на CSS. В този случай, MCSS / scPhpWordRW.css файл, който е посочен (вж. Първата примерна страница HTML).

За разлика от HTML, CSS тема е по-лесно, има много достъпни правила и броят им е малък, когато по примера на създаването на HTML-страници не изисква нищо друго, освен бележник. Всичко е много достъпна за незабавно развитие:

Това показва колко е лесно да се описва етикет scLogo_vDoc и това описание е, че в нормално състояние на маркер показва картина vDoc-logo.png, а когато мишката е върху него - показва vDoc-лого-h.png.

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

Език не е свързано с извършването на каквато и на структурата и синтаксиса на концепцията тук е много относително. Все още няма променливи, но има изобилие от възможности. Основата на хипертекст, е, че има елемент (маркер), който със сигурност ще има име.

Името на случая, двойката етикет, състоящ се от собствени имена (име на маркер) и ъглови скоби ( "<" + име на маркер + ">"), ако ние говорим за началото на тага, и «", ако е записано своя край.

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

Маркерът може да има атрибути, а след това те са поставени през интервал след името на тагове, преди да ъгловата скоба затваряне ">". Атрибути, ако те имат етикет, се записва само в началото. Съдържанието на маркера е тази, която се намира между началния етикет и в края на него.

Общо описание HTML съдържание

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

Вградени елементи обикновено се появяват една нишка, която е, както бе посочено в досието на страница и показва на екрана. Дисплеят от общия поток може да се повлияе, когато се появи зареждането на страницата. На разположение, видимост, както и други свойства на блокови елементи могат да бъдат повлияни по всяко време чрез JavaScript-код.

В допълнение към прости елементи, HTML предлага да се опише таблиците и форми. Тези елементи са много в търсенето на "сградата ежедневието сайт."

Описание на таблицата: Таблица тагове, TR, TD

Когато TABLE маркер може да се използва за създаване на една маса, да се посочи брой редове и TR в един ред по ред TD клетки. За разлика от обичайната маса на организацията, което се дължи на HTML маркиране организацията табличен на природата ограничава до тази декларация, защото ако предприемачът иска да има правоъгълна маса, в която броят на колоните във всички редове от един и същ, а след това те трябва да отговарят, че за себе си.

Най-принципна позиция на HTML: правя каквото е, но нищо, което не се разбира. В някои случаи това не е толкова важно за броя на колоните във всеки ред на таблицата, но ако искате да се извърши сливане клетки хоризонтално или вертикално, е необходимо да брои всичко много внимателно.

Примерна HTML страница с описание на една проста маса графично показано в статията.

Тук е таблица, показваща големината на три реда по три колони, като първият ред маркер TH се използва вместо TD маркер - заглавната част на колона. Особено отличава тези две тагове не са, но това е възможно да се използват на първо да се прави разлика между първия ред на таблицата, и в CSS да TH, можете да прикачите свой собствен стил, който го отличава от другите TD.

Описание форма: ФОРМА таг, INPUT

Форма - това е най-търсената част от Табелките HTML. Използване на форми могат да предават информация. Всъщност, на страницата - тази информация на дисплея, но формата - вход.

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

Използване на форми много повече, но основните характеристики са, както следва. Можете да зададете полето за въвеждане, трябва да се възложи да се изработи и със събития за анализ на приноса на потребителите. Можете да зададете скрито поле и предава информация от фона на страницата. Можете да определите бутон за предаване на информация, натискането че започва процес на трансфер на данни.

Използване на HTML

За да научите език за хипертекст - задължително условие за всяка работа, специализация в областта на програмиране в Интернет, но ако искате да се напише програма на PHP или JavaScript, тогава знаете HTML + CSS нужда перфектно.

PHP език е бил идентифициран в предишния пример. PHP се изпълнява на сървъра, защото една страница с тази форма отлетя от сървъра към браузъра с полетата пълни. По-специално, TestOnBlur функциите, посочени в вход маркер (onblur събитие манипулатор), получени всички параметри под формата на текстови полета.

Браузърът работи JavaScript, както и за правилно работил бутон, за да предава данните към сървъра, т.е. дизайн:. OnClick = JQuery ( "# да") Вал ( "кошница"), е необходимо да се знае не само за това, JQuery, но това, което #, за да, Вал, количка. По-точно, че е необходимо да се знаят основните HTML тагове и общите правила, приложими за тях стилове CSS.

Това е достатъчно, за да бързо да се повиши квалификацията на всяка специализация в областта на Интернет програмирането.