Ett exempel på en HTML-sida och de grundläggande principerna för

Uppfann många språk, men det språk som HTML är en av de mest speciella och vosstrebovan. Eftersom det innebär en hel del andra viktiga initiativ inom programmering. Mycket görs tillgänglig när i medvetandet hos utvecklaren nuvarande kunskap markup language - Hypertext Markup Language (HTML).

I själva verket, i HTML, finns det inget svårt, och inom några minuter alla de mest avlägsna från programmering och Internet människor kommer att uppfylla inrättandet av HTML-sidor i den bärbara datorn. Anmärkningsvärda exempel, enkelhet, ja, tillgänglig för alla.

allmän beskrivning

HTML-fil - en sida webbplats, även om detta kan diskuteras, men det är en fil per sida, till att börja med är det klart.

HTML-fil börjar med en DOCTYPE rubrik som anger att den typ av fil - HTML. Alla sidelement (taggar), anges inom vinkelparenteser. Varje par ( "<" och ">") innehåller en tagg HTML. Vanligtvis HTML-taggar är ihopkopplade, det vill säga för varje «tag» ha «/ tagg». Båda är inneslutna i vinkelparenteser. Det finns en enda tagg, av vilka den mest populära «br /» - övergång till nästa rad.

Den största tag i filen - det själv HTML, som omfattar endast två tag: huvud och kropp. I det första fallet, olika specifikation indikerar länkar till andra relevanta sidiga filer kan finnas PHP och JavaScript-skript. I den andra sidan skriftliga innehåll. Även i form av taggar och skript.

Enkel HTML-sida

Exempel på att skapa sådan sida indikeras i artikeln nedan. Överväga det noga.

HEAD avsnitt

Det huvudsakliga syftet HEAD tag - en allmän beskrivning av sidan och de allmänna manus, även om den senare - bara ett relativt begrepp. Vanligtvis finns fäster stor vikt vid bara två saker:

• nyckelord och beskrivning av sidan,
• länkar till andra filer (* .css och * .js).

För att visa innehållet på sidan innehållet i detta avsnitt har endast indirekt betydelse eftersom det indikerar där vissa andra filer har CSS-regler för taggar och andra skript språk.

HTML-sidan har en titel (rubrik), som visas när en besökare ger musen över fliken där sidan öppnas. Detta är viktigt, eftersom det gör sidan mycket mer presentabel, lättare att säga undertecknade läsbar text.

Meta-taggar är viktiga i webbprogrammering i allmänhet, men när det krävs att skapa HTML-sidor i en anteckningsbok, ett exempel på oönskad röran redundanta strukturer.

På länken och skriptlänkar bör ägna särskild uppmärksamhet. Den första avser en plats där det finns en CSS formatmall, den andra - platsen för JavaScript-kod fil. Sådana länkar kan ställas in.

Om du använder skript bör behandlas som en HTML kunskap blir starkare, bör du vara uppmärksam omedelbart CSS. CSS-filer är särskilt reglerna för registrering av HTML-taggar.

sektionen BODY

I själva verket, en provsida HTML - detta är sektionen BODY. Det är här som innehåller all information, allt innehåll sidan. All information presenteras i form av taggar och skript, till exempel att sätta in ett JavaScript-kod eller delar av PHP-program.

Det är viktigt att inse att exemplet med HTML-sidor i webbläsaren och samma exempel i en textredigerare som Anteckningar, detta är inte samma sak. I det första fallet är vi redo HTML-text där alla skript körs. Till exempel har PHP uppfyllt sin del och bildade i stället för koden på rätt plats taggarna. JavaScript uppfyllde också sitt uppdrag, men om det ännu inte en separat konversation.

HTML - det taggar i stället för manus. I slutändan bara innehållet på sidan visas i webbläsaren, men dess tagg. Ingen PHP-kod är inte där.

JavaScript är i en särställning, hans vård - att tjäna sida, inte bara vid uppstart (överbelastning), men i de stunder när sidan är i besökarens webbläsare och studier.

Ett enkelt exempel på kod HTML-sida (endast sektionen BODY) visas nedan.

En besökarens webbläsare ser det ut som nedan.

har inte angetts i koden ska se ut de element som förde webbläsaren. All design är synlig i CSS-regler. I det här fallet MCSS / scPhpWordRW.css fil som refereras (se. Den allra första exemplet på en sida HTML).

Till skillnad från HTML är CSS tema enklare, det är mycket tillgänglig regler och deras antal är litet, då exempel på att skapa HTML-sidor inte kräver något annat än anteckningsblock. Allt är mycket tillgänglig för omedelbar utveckling:

Detta visar hur lätt det är beskrivet tag scLogo_vDoc och denna beskrivning är att i ett normalt tillstånd av taggen visar en bild vDoc-logo.png, och när musen är över den - som visas vDoc-logo-h.png.

Strukturen på de HTML-beskrivningar

Språk innebär inte att utföra någon av strukturen och syntaxen för konceptet här är mycket relativt. Det finns inga variabler, men det finns gott om möjligheter. Den fundamentala grunden för hyper är att det finns ett element (tag) som är säker på att ha ett namn.

Namnet på fallet taggparet, som består av egennamn (tagname) och fästvinklar ( «<» + tagname + «>»), om vi talar om i början av taggen, och «» Om inspelad dess ände.

Exempel på HTML-sidor som beskriver attribut som finns i texten nedan.

Taggen kan ha attribut, då de sätts genom ett utrymme efter taggen namn innan stängningsvinkelparentes ">". Attribut, om de har taggen registreras bara i början. Innehållet i taggen är det som ligger mellan starttaggen och i slutet av den.

Totalt HTML content beskrivningar

HTML kan du beskriva block och inline element. Först upptar ett visst område i webbläsarfönstret kan placeras helt, det vill säga på rätt plats vid området visa HTML-sidor, och har en viss storlek.

Inline element verkar i allmänhet en tråd, det vill säga som angavs på sidan filen och visas på skärmen. Visning av det totala flödet kan påverkas när sidan belastning inträffar. Om placering, synlighet, och andra egenskaper hos blockelementen kan påverkas när som helst via JavaScript-kod.

Förutom de enkla element, erbjuder HTML för att beskriva tabeller och former. Dessa element är mycket eftertraktade i "vardags site byggnad."

Beskrivning av tabellen: tags TABELL, TR, TD

När TABELL tag kan användas för att skapa en tabell, ange ett antal rader och TR i rad för ett antal TD celler. I motsats till den vanliga bord av organisation, på grund av arten HTML-markup tabell organisation begränsad till denna förklaring, för om utvecklaren vill ha ett rektangulärt bord där antalet kolumner i alla rader av samma, så måste följa det själv.

Den principiella ställning HTML: göra vad är, men inget som inte förstås. I vissa fall är det inte så viktigt att antalet kolumner i varje rad i tabellen, men om du vill göra en sammanslagnings celler horisontellt eller vertikalt, är det nödvändigt att räkna alla mycket noggrant.

Exempel HTML-sida med en beskrivning av en enkel tabell grafiskt visas i artikeln.

Här är en tabell som visar storleken på tre rader med tre kolumner, med den första raden tag TH användes i stället för TD tag - kolumnrubriken. Särskilt utmärker sig dessa två taggar inte har, men det är möjligt att använda den första att skilja mellan den första raden i tabellen, och i CSS till TH kan du bifoga din egen stil, som skiljer den från andra TD.

Beskrivning form: FORM tag, INPUT

Form - detta är den mest efterfrågade delen av HTML-taggar. Använda formulär kan överföra information. Egentligen sidan - denna display information, men formen - ingång.

Exempel HTML-sida med en beskrivning av en enkel form:

Användning av former mycket mer, men de viktigaste funktionerna är följande. Du kan ange inmatningsfältet, måste du tilldela dem att utforma och händelsehanterare för analys av användarens input. Du kan ange ett dolt fält och överföra information från sidan bakgrunden. Du kan ange informationsöverföring knapp trycker som initierar dataöverföringsprocessen.

Använda HTML

Att veta hyper språk - en nödvändig förutsättning för något arbete specialisering inom internetprogrammering, men om du vill skriva ett program i PHP eller JavaScript, då vet HTML + CSS behöver perfekt.

PHP har identifierats i det tidigare exemplet. PHP körs på servern, eftersom en sida med denna form flög från servern till webbläsaren med fälten fyllda. I synnerhet, TestOnBlur funktioner som anges i taggen INPUT (onBlur händelsehanterare), erhöll alla parametrarna i form av textfält.

Webbläsaren körs JavaScript och att korrekt arbetade uppgifter skicka knappen tillbaka till servern, det vill säga, design :. onclick = jQuery ( '# för att') val (vagn), är det nödvändigt att veta inte bara om vad jQuery, men vad #to, val, vagn. Närmare bestämt är det nödvändigt att känna till grundläggande HTML-taggar och de allmänna regler som gäller för dem CSS stilar.

Detta är tillräckligt för att snabbt höja kvalificering av någon specialisering inom internetprogrammering.