Een voorbeeld van een HTML-pagina en de basisprincipes van

Uitgevonden vele talen, maar de taal van HTML is een van de meest bijzondere en vosstrebovan. Omdat het gaat om een heleboel andere belangrijke initiatieven in de programmering. Veel beschikbaar wordt gesteld, wanneer in de hoofden van de ontwikkelaar huidige kennis van markup language - HyperText Markup Language (HTML).

In feite, in HTML, is er niets moeilijk, en in een paar minuten al het verst van de programmering en het internet mensen zullen de inrichting van HTML-pagina's in de notebook te vervullen. Opmerkelijk voorbeelden, eenvoud, inderdaad, voor iedereen toegankelijk.

algemene beschrijving

HTML-bestand - een een pagina site, maar dit is discutabel, maar wat is een bestand per pagina, om te beginnen is het duidelijk.

HTML-bestand begint met een DOCTYPE header die aangeeft dat het type van het bestand - HTML. Alle pagina-elementen (labels) zijn aangegeven punthaakjes. Elk paar ( "<" en ">") bevat een tag HTML. Meestal HTML-tags zijn gekoppeld, dat wil zeggen, voor elke «tag» hebben «/ tag». Beide staan tussen punthaken. Er is een enkele tag, waarvan de meest populaire «br /» - overgang naar de volgende regel.

Het grootste tag in het bestand - het zelf HTML, waarvan er slechts twee tag bestaat uit: hoofd en lichaam. In het eerste geval, verschillende specificatie zijn indicatief van links naar andere relevante pagina bestanden kunnen aanwezig zijn PHP en JavaScript-scripts zijn. In de tweede pagina geschreven inhoud. Ook in de vorm van markeringen en scripts.

Eenvoudige HTML-pagina

Voorbeeld ontwikkeld om deze pagina wordt aangegeven in het artikel hieronder. Beschouw het als goed.

HEAD sectie

Het voornaamste doel HEAD tag - een algemene beschrijving van de pagina en de algemene scripts, hoewel de laatste - maar een relatief begrip. Meestal hecht er veel belang aan slechts twee dingen:

• zoekwoorden en beschrijving van de pagina;
• koppelingen naar andere bestanden (* .css en * .js).

Om de inhoud van de pagina-inhoud van dit gedeelte weer te geven heeft slechts indirect van belang, omdat het aangeeft waar sommige andere bestanden hebben CSS-regels voor labels en andere scripts talen.

HTML-pagina heeft een titel (TITLE), die wordt weergegeven wanneer een bezoeker brengt uw muis over het tabblad waar de pagina wordt geopend. Dit is belangrijk, want het maakt de pagina veel meer toonbaar, makkelijker om te zeggen, leesbare tekst ondertekend.

META-tags zijn belangrijk in het web programmeren in het algemeen, maar als het nodig is het creëren van HTML-pagina's in een notebook, een voorbeeld van ongewenste rommel redundante structuren.

Op de link en SCRIPT links moeten speciale aandacht te besteden. De eerste verwijst naar een plaats waar er een CSS-stylesheet-bestand, de tweede - de locatie van de JavaScript-code bestand. Dergelijke links kunnen worden ingesteld.

Als u gebruik maken van scripts moet als een kennis van HTML worden behandeld zal sterker worden, moet u onmiddellijk aandacht besteden aan cascading style sheets. De CSS-bestanden zijn in het bijzonder, de regels van de registratie van HTML-tags.

sectie BODY

In feite is een voorbeeldpagina HTML - dit is de BODY sectie. Het is hier dat alle informatie, alle van de inhoud van de pagina bevat. Alle informatie wordt gepresenteerd in de vorm van labels en scripts, zoals het invoegen van een JavaScript-code of stukken van het PHP-programma.

Het is belangrijk om te beseffen dat het voorbeeld van HTML-webpagina's in de browser en hetzelfde voorbeeld in een teksteditor zoals Kladblok, dit is niet hetzelfde. In het eerste geval zijn we klaar HTML-tekst waarin alle scripts uitgevoerd. Zo heeft PHP haar kant voldaan en gevormd in plaats van de code op de juiste plaatsen de labels. JavaScript ook voldaan aan haar missie, hoewel erover nog een aparte gesprek.

HTML - het Tags in plaats van scripts. Uiteindelijk is alleen de inhoud van de pagina die wordt weergegeven in de browser, maar de tag. Geen PHP-code is er niet.

JavaScript is in een bijzondere positie, zijn zorg - naar de pagina te dienen, niet alleen tijdens het opstarten (overbelasting), maar in de momenten wanneer de pagina in de browser van de bezoeker, en de studies.

Een eenvoudig voorbeeld van code HTML-pagina (alleen de lichaamssectie) wordt hieronder getoond.

de browser van een bezoeker ziet het er zoals hieronder afgebeeld.

is niet opgegeven in de code eruit moet zien de elementen die de browser gebracht. Alle ontwerp is zichtbaar in de CSS-regels. In dit geval, mcss / scPhpWordRW.css bestand dat is verwezen (zie. De allereerste voorbeeld van een pagina HTML).

In tegenstelling tot HTML, CSS thema is eenvoudiger, er is zeer toegankelijk regels en hun aantal klein is, wanneer het voorbeeld van het creëren van HTML-pagina's niets anders dan notepad vereisen. Alles is zeer toegankelijk voor onmiddellijke ontwikkeling:

Dit laat zien hoe gemakkelijk het is beschreven tag scLogo_vDoc, en deze beschrijving is dat in een normale toestand van de tag wordt een afbeelding vDoc-logo.png, en wanneer de muis er overheen - getoond vDoc-logo-h.png.

De structuur van de HTML omschrijvingen

Taal niet gaat uitvoeren op de structuur en syntaxis van het begrip hier zeer relatief. Er zijn geen variabelen, maar er zijn tal van mogelijkheden. De fundamentele basis van hypertext is dat er een element (tag) die zeker is om een naam te hebben.

De naam van de zaak, de tag paar, bestaande uit eigennamen (tagName) en punthaken ( «<» + tagName + «>»), als we praten over het begin van de tag, en «», indien opgenomen zijn uiteinde.

Voorbeeld HTML bestanden attributen in de onderstaande tekst.

De tag kan attributen hebben, dan zijn ze door een ruimte te zetten achter de naam tag voor de afsluitende punthaak ">". Attributen, als ze de tag is opgenomen maar aan het begin. De inhoud van de tag is dat die ligt tussen de start-tag en het einde ervan.

Totaal omschrijvingen HTML-inhoud

HTML kunt u het blok en inline elementen te beschrijven. bezetten de eerste plaats een bepaald gebied in het browservenster kan worden gepositioneerd absoluut, dat wil zeggen in de juiste plaats op het gebied van het scherm HTML-pagina's, en hebben een bepaalde grootte.

Inline elementen lijken in het algemeen een draad, dat is, zoals in de pagina-bestand werd verklaard, en weergegeven op het scherm. De weergave van de totale stroom kan worden beïnvloed wanneer de paginalading optreedt. Plaatsing, zichtbaarheid en andere eigenschappen van de blokelementen worden beïnvloed op elk moment via JavaScript-code.

In aanvulling op de eenvoudige elementen, HTML biedt aan de tafels en vormen te beschrijven. Deze elementen zijn erg in trek in de "dagelijkse bouwen van de site."

Beschrijving van de tabel: labels TABLE, TR, TD

Wanneer TABEL tag kan worden gebruikt om een tabel, geeft een aantal rijen en TR in een rij voor een aantal TD cellen. In tegenstelling tot de gebruikelijke tafel van de organisatie, vanwege de aard HTML-opmaak in tabelvorm organisatie beperkt tot deze verklaring, want als de ontwikkelaar wil een rechthoekige tafel, waarin het aantal kolommen in alle rijen van hetzelfde, dan moet volgen, dat voor jezelf te hebben.

De principiële positie van HTML: doen wat is, maar niets dat niet wordt begrepen. In sommige gevallen is het niet zo belangrijk om het aantal kolommen in elke rij van de tafel, maar als je wilt een fusie cellen horizontaal of verticaal uit te voeren, is het noodzakelijk om alle zeer zorgvuldig te tellen.

Voorbeeld HTML pagina met een beschrijving van een eenvoudige tabel grafisch weergegeven in het artikel.

Hier is een tabel die de omvang van drie rijen van drie kolommen, waarbij de eerste rij tag TH werd gebruikt in plaats van TD tag - de kolomkop. In het bijzonder onderscheiden deze twee labels niet hebben, maar het is mogelijk om de eerste om onderscheid te maken tussen de eerste rij van de tafel, en in CSS om TH, kunt u uw eigen stijl, die het zich onderscheidt van andere TD hechten.

Inventarislijst: FORM tag, INPUT

Form - dit is de meest gevraagde deel van de HTML-labels. Met behulp van formulieren kunnen informatie te verzenden. Eigenlijk is de pagina - deze display informatie, maar de vorm - input.

Voorbeeld HTML-pagina met een beschrijving van een eenvoudige vorm:

Maakt gebruik van formulieren nog veel meer, maar de belangrijkste kenmerken zijn als volgt. U kunt het invoerveld opgeeft, moet u toewijzen aan ontwerpen en event handlers voor de analyse van de input van de gebruiker. U kunt een verborgen veld opgeven en doorgeven van gegevens van de pagina-achtergrond. U kunt de informatie-overdracht knop aan te wijzen, te drukken dat initieert het proces van gegevensoverdracht.

Het gebruik van HTML

Om hypertext taal te kennen - een noodzakelijke voorwaarde voor elk werk specialisatie op het gebied van Internet programmeren, maar als je wilt een programma in PHP of JavaScript te schrijven, weet dan HTML + CSS nodig perfect.

PHP taal is geïdentificeerd in het vorige voorbeeld. PHP draait op de server, omdat een pagina met deze vorm vlogen van de server naar de browser met de velden gevuld. Vooral TestOnBlur in het label INPUT (onblur event handler) vermelde functies, ontvangen alle parameters afkomstig van velden.

De browser JavaScript loopt, en naar behoren werkte gegevens te verzenden knop terug naar de server, dat wil zeggen, het ontwerp :. onClick = jQuery ( '# om') val ( 'cart'), is het noodzakelijk om niet alleen weten over wat de jQuery, maar wat #Toe, val, kar. Meer in het bijzonder, is het noodzakelijk om de basis HTML-tags en de algemene regels die gelden voor hen de CSS-stijlen te leren kennen.

Dit is genoeg om snel de kwalificatie van een bepaald specialisme te verhogen op het gebied van Internet programmeren.