Wat is een Web-site? Een lijst van de belangrijkste elementen van de Web-pagina

Het grootste deel van de inhoud die op het internet - een webpagina. Dit is historisch gezien de allereerste soort documenten die bestemd zijn voor plaatsing in het virtuele netwerk ruimte, maar nog steeds relevant blijven en in de praktijk heeft geen concurrerende formaten. Wat is de structuur van webpagina's? Met de hulp van een aantal web development tools die ze zijn gemaakt?

Wat is een Web-site?

"Lijst van de belangrijkste elementen van de Web-pagina" - vertelt ons de examinator in de klas van de informatica. Wat we wel kunnen zeggen in antwoord? Allereerst, het vertellen over wat de webpagina in principe.

Volgens algemeen tussen IT-specialisten definitie een document dat is ontworpen om te openen in een speciaal programma aanvaard - de browser en bevat de gegevens om te tonen op een computerscherm met behulp van het juiste type voor diverse nuttige inhoud - tekst, links, afbeeldingen, video, muziek en .. etc. Web-website - een tekstdocument. Relevante gegevens voor de browser zijn letters, cijfers en speciale tekens die worden gebruikt als elementen van de opmaaktaal - HTML. Het is met de hulp van zijn schepper "legt uit:" de webpagina die de browser hoe de on-screen of andere inhoud weer te geven.

Plaats en rol van de webpagina's in de sitestructuur

Kunnen we zeggen dat de Website - het is de belangrijkste component van de website? Dit is gedeeltelijk waar. Echter, zoals we hierboven vermeld, de webpagina - het is gewoon een tekstdocument. De site, in de regel, bevinden zich ook foto's, video en andere multimedia-elementen. Webpagina's in plaats van een blikje, maar in de structuur, het kan verwijzingen ernaar bevatten. Zo kan een webpagina een belangrijke component van de website in het aspect van de dominante rol in het in kaart brengen van de virtuele inhoud aan de gebruikers worden genoemd.

In zeldzame gevallen, natuurlijk, het document in kwestie is het enige onderdeel van de site - als het voor een of andere reden niet voorziet display graphics, video en andere multimedia-elementen. Met name de allereerste sites - wanneer de Web-pagina's markup language alleen wordt weergegeven - heeft geen relevante inhoud bevatten. alleen tekst en links was voor de ogen van de gebruiker.

Het principe van de betrokkenheid van hypertext

Dus, Web-pagina met de naam document opgesteld op de HTML-taal, waardoor de HyperText Markup. Maar wat is dit fenomeen? Wat is een hypertext? Zonder in te gaan veel in de theorie, merken we op dat deze tekst, die op enigerlei wijze biedt snelle toegang tot de andere - door middel van verwijzing. In een typische boek dat niet mogelijk is - er is "platte tekst." Om toegang te krijgen tot de gewenste pagina, de lezer moet wat flipping te maken, voordat het lezen van de inhoud of de voetnoten. In de "hypertext" -modus, wordt het grootste deel van het werk van de computer - ten koste van de informatie terug te vinden in de pagina HTML-elementen.

Als leraar informatica ons zegt: "een opsomming van de belangrijkste elementen van de Web-pagina", kunnen we terecht het verhaal over de onderdelen van het desbetreffende document, die zijn gemaakt met behulp van HTML-opmaak te starten. Daarom eerst eens kijken naar enkele theoretische punten met betrekking tot HTML.

Structuur van HTML, tags

Hoe werkt de browser leest de nodige gegevens op de webpagina van het document, opgesteld in de taal van HTML getrokken? Heel simpel.

Basiselementen van de taal - het Tags. Ze zijn in de meeste gevallen mannen - een opening en daar sluiten. De eerste worden aangegeven met slechts hoeksteunen. De tweede - hetzelfde, maar de schuine streep is geplaatst voor de tweede schijf - het symbool /. De browser is in staat om ze te herkennen, en daarom geen probleem toont webpagina's in overeenstemming met de algoritmes die door de ontwikkelaar van het document.

De opening tag wordt gewoonlijk in grote letters die - klein. Dit is - een standaard gevestigde in het medium IT-specialisten. Browser zeker herkennen HTML op een willekeurige letters, maar web-ontwikkelaars moeten volgen nog steeds de gemarkeerde circuit schrijven labels. Dit zal vergemakkelijken, bijvoorbeeld herziening van webpagina's door andere specialisten.

attributen

Andere belangrijke elementen van de HTML-taal - attributen. zoals lettertype hoogte, de kleur, de positie ten opzichte van de pagina - met hun hulp, kan de maker van de inhoud van webpagina's in te stellen. Hetzelfde geldt voor foto's, video en andere multimedia componenten. Attributen worden geschreven in een opening tag.

inhoud

Tussen het openen en sluiten van tag heeft de volgende belangrijke onderdelen van een webpagina - content. Het is in feite dezelfde inhoud wordt weergegeven aan de gebruiker op het scherm. Dit kan tekst, links, afbeeldingen, video's of andere multimedia-elementen zijn.

Web pagina-elementen

"Dus, een lijst van de basiselementen van web-pagina's, eindelijk!" - herhaalt de leraar. "Met plezier," - we beantwoorden. Welk deel van de structuur van dit soort documenten? We zijn het eens dat we dit aspect zal overwegen in het kader van alleen HTML-webpagina-elementen. Dat wil zeggen dat ze elkaar in de browser - wat de gebruiker ziet op het scherm - we geïnteresseerd zijn in een mindere mate. Dat de desbetreffende HTML-algoritmes waarop het programma wordt dezelfde inhoud verschillend kunnen zijn. En deze functie van HTML: U kunt een gewenste afbeelding op het web-pagina op verschillende manieren weer te geven. Zo kunnen ze allebei gelijk wat betreft de webpagina creator betekent arbeid vervangen en een andere hoeveelheid tijd en moeite te implementeren.

Web pagina-elementen: title

Standaard elementen van web-pagina's, alsof het vreemd mag klinken, gegeven in zeer kleine hoeveelheden. In feite zijn er slechts twee - de titel en het grootste deel van het document. Echter, elk van hen kan een nogal complexe structuur hebben.

Wat is de specificiteit van de titel? Het is gelegen op de top van de webpagina. In de HTML-code, die een kop genereert, in de regel, zal naar verwachting "encryption" alleen tekst, maar u kunt ook een kleine afbeelding invoegen, indien nodig, in het corresponderende element. En het is in feite alles wat kan worden gezegd over de titel. Het lijkt erop dat zijn rol in de structuur van het desbetreffende document is te verwaarlozen. Maar dit is niet het geval. Webpagina titels zijn zeer belangrijk in termen van de site indexering in zoekmachines - Yandex, Google. Dit element moet volledig zijn om de inhoud van een webpagina, evenals niche sites bijzonderheden relevant.

Hoe werkt de webpagina titel wordt opgenomen met behulp van HTML-taal? Heel simpel. Eerst geschreven openingstag die altijd weergegeven als HEAD met hoeksteunen, en - de inhoud van de kop na - sluittag. Ze zijn geschreven, uiteraard, op de top van het web document.

Header van een web-document kan een aantal extra elementen omvatten. Soms is een Web-pagina-indeling kan de weergave van tekst in een bepaalde codering nodig. Hoe kan ik dat het web document dat criterium te waarborgen? Heel simpel. In het document header structuur moet worden geplaatst HTML-algoritmen voor het voorschrijven van de browser naar een bepaalde codering taal te gebruiken - zoals Cyrillisch. De juiste commando's worden geplaatst in de META-tag, die evenals de andere wordt openen en sluiten.

Het grootste deel van de webpagina

Het grootste deel van de baan document geopend plaatlichaam, sluit met behulp van het corresponderende element een schuine streep. Tegelijkertijd is tussen het openen en sluiten tags kunnen een enorme hoeveelheid extra HyperText Markup Language commando's zijn. Dit is te wijten aan het feit dat het grootste deel ervan legde een bruikbare inhoud van webpagina's - tekst, links, afbeeldingen, video, verschillende formulieren in te vullen.

Elk van de respectieve soorten inhoud heeft zijn eigen label. bijvoorbeeld, ze specifieke tekstkleur, grootte en andere eigenschappen - in de structuur van het hoofdgedeelte van de baan document aanwezig HTML-commando waarmee de opmaak van de tekst eveneens wordt verricht.

Bedenk dan, wat is de toepasbaarheid van een aantal veelgebruikte HTML-tags. Eigenlijk, ze vormen ook de basiselementen van een webpagina.

Basic HTML-tags

Dus, het doel van een gedetailleerde studie van wat zijn de elementen van web-pagina's, in detail bestudeerd de essentie van de basis HTML-labels. Sommigen van hen hebben we hierboven al aangehaald - in het bijzonder die waarmee de browser leest de webpagina headers en bepaalt dat is het belangrijkste deel van het document.

Heel gebruikelijk tag P. Hij, net als andere soortgelijke elementen HyperText Markup Language, kunnen worden geopend en gesloten. Dit label kun je een paragraaf van het document afzonderlijk te formatteren. U kunt bijvoorbeeld een specifiek lettertype en de kleur voor hem in te stellen. Echter, dit wordt bereikt met behulp van een optionele tag - FONT. In dit geval zal het binnen een paragraaf die verwijst naar de grenzen worden geplaatst - het zal niet distribueren HTML-commando geeft het type van de gewenste lettertype andere elementen van de webpagina.

Met tafel tag gemaakt tafel. Door zijn bijbehorende attributen benodigde aantal kolommen en rijen dat de breedte specificiteit grenzen, grootte en kleur van de tekst in de fonttabel definiëren bepalen.

IMG tag is verantwoordelijk voor de afhandeling van de browser foto's. Het is ook mogelijk om verschillende kenmerken met betrekking tot de grootte van het beeld, de positie op de pagina te plaatsen.

Links naar andere web-documenten of bestanden worden opgegeven met de tag A. In de regel bevinden zich in de attributen die het feit vertegenwoordigen dat de structuur van een webpagina - een hyperlink. Zij merkt tevens op het document, bestand of de website waarnaar het leidt.

Circuleerde een label als een FRAMESET. Met het, kunt u de ruimte webpagina te verdelen in verschillende gebieden - frames. In elk van hen kunt u links plaatsen naar individuele webdocumenten. Dat wil zeggen, het mogelijk maken frames correct op hetzelfde scherm op hetzelfde moment twee of meer pagina's.

Het verhaal over de belangrijkste elementen van webpagina's en de daarop volgende verhaal van de middelen van het formatteren van het gebruik van de taal HTML - ruwweg het algoritme zal ons antwoord op de vraag die we de onderzoeker gevraagd zijn. Als hij sprak tegen ons en zei: "een lijst van de belangrijkste elementen van de Web-pagina", dan zijn we met behulp van de juiste methodologie, hebben we alle kans om een thema te ontwikkelen. Dat wil zeggen dat de term "elementen" kunnen we begrijpen de belangrijkste onderdelen van een web-document structuren, of de aard van de inhoud - tekst, afbeeldingen, tabellen, frames, verbindt dat de webmaster maakt gebruik van een hulpmiddel, zoals HTML-taal.

Specificiteit van web development tools

In aanvulling op het bovenstaande, kunnen we duidelijk maken wat deze tags en attributen die door de normen HTML - een enorm bedrag. In aanvulling op HTML extra middelen formatteren hypertext documenten kan worden gebruikt door webontwikkelaars. Bijvoorbeeld met behulp van de JavaScript-scripttaal, kunt u dynamische Web-pagina te maken - dat wil zeggen, die waarbij de inhoud wordt voortdurend bijgewerkt (zowel als gevolg van acties van de gebruiker, en in overeenstemming met pre-voorgeschreven algoritmes in scripts).

Het zal nuttig zijn om toe te voegen dat de webontwikkelaar kunnen gebruiken in hun werk volwaardige programmeertalen, zoals, bijvoorbeeld, Perl, PHP, Java, Python, waardoor uitgegroeid tot nog bredere mogelijkheden om te werken met hypertext documenten. De behoefte aan dit kan te wijten zijn aan het feit dat de toepassing van web technologie van vandaag - heel anders. De taken van de moderne ontwikkelaars, kan zeer complex zijn. Bijvoorbeeld, soms is het nodig om de uitvoering van Web-pagina's vertaling, geschreven in het Russisch, Engels. In dit geval zal de developer tools de meest uiteenlopende zijn.