Wat is een webpagina? Maak een lijst van de belangrijkste elementen van de webpagina

Het grootste deel van de gepresenteerde inhoudInternet is een webpagina. Dit is van oudsher het allereerste type documenten dat is bedoeld voor plaatsing in een virtuele netwerkruimte, maar nog steeds relevant en praktisch geen concurrerende indelingen heeft. Wat is de structuur van webpagina's? Welke webontwikkelingstools maken ze?

Wat is een webpagina?

"Lijst van de belangrijkste elementen van een webpagina" -vertelt ons de examinator in de klas informatica. Wat kunnen we hem in ruil daarvoor zeggen? Allereerst gaan we in principe over de webpagina vertellen.

Volgens algemeen aanvaard onder IT-specialistendefinitie, dit is een document dat is bedoeld om te openen in een gespecialiseerd browserprogramma en dat gegevens bevat voor weergave op een computerscherm met behulp van het juiste type software van verschillende nuttige inhoud - teksten, links, grafische afbeeldingen, video, muziek, enz. Webpagina - dit is een tekstdocument. De overeenkomstige gegevens voor de browser zijn letters, cijfers en speciale tekens die worden gebruikt als opmaaktaalelementen - HTML. Het is door hem dat de maker van de webpagina "uitlegt" aan de browser hoe deze of die inhoud op het scherm moet worden weergegeven.

Plaats en rol van webpagina's in de sitestructuur

Kun je zeggen dat de webpagina de belangrijkste iswebsite component? Dit is gedeeltelijk waar. Zoals we hierboven hebben opgemerkt, is een webpagina echter slechts een tekstdocument. De site bevat in de regel ook afbeeldingen, video's en andere multimedia-elementen. Een webpagina kan deze niet bevatten, maar in de structuur kan deze links bevatten. De webpagina kan dus de hoofdcomponent van de site worden genoemd in termen van de primaire rol bij het weergeven van virtuele inhoud aan gebruikers.

In zeldzame gevallen natuurlijkhet document is het enige onderdeel van de site - als het om de een of andere reden niet voorziet in de weergave van afbeeldingen, video's en andere multimedia-elementen. Met name de allereerste sites - toen de opmaaktalen van de webpagina's net opkwamen - bevatten geen relevante inhoud. Voor de ogen van de gebruiker was alleen tekst en links.

Het principe van boeiende hypertekst

Dus een webpagina is een documentgecompileerd in HTML, waarmee hypertext-markup wordt uitgevoerd. Maar wat is dit fenomeen? Wat is hypertekst? Zonder diep in te gaan op de theorie merken we dat dit een tekst is die je op een of andere manier in staat stelt om snel toegang te krijgen tot een andere - via links. In een normaal boek is dit onmogelijk - er is "platte tekst". Om toegang te krijgen tot de gewenste pagina, moet de lezer een paar keer omdraaien voordat hij de inhoud of voetnoten leest. In de modus "Hypertekst" wordt het grootste deel van het werk gedaan door de computer - vanwege de informatie die wordt weergegeven in de HTML-elementen van de pagina.

Als een informatica-leraar ons vertelt: "Maak een lijst van de belangrijkste elementen van de webpagina", dan kunnen we heel correct het verhaal beginnen over de componenten van het bijbehorende document, die zijn gemaakt met behulp van de HTML-opmaaktaal. Daarom zullen we om te beginnen enkele theoretische punten met betrekking tot HTML bekijken.

HTML-taalstructuur: tags

Hoe leest de browser de benodigde gegevens over een webpagina van een document geschreven in HTML? Heel eenvoudig.

De belangrijkste elementen van deze taal zijn tags. In de meeste gevallen zijn ze gekoppeld - er is een opening en er is een sluitende. De eerste worden aangegeven met alleen punthaken. De tweede zijn vergelijkbaar, maar een schuine streep, het teken /, wordt vóór de tweede beugel geplaatst. De browser kan ze herkennen en daarom wordt de inhoud van webpagina's probleemloos weergegeven in overeenstemming met de algoritmen die door de ontwikkelaar van het document zijn gemaakt.

De openingstag wordt meestal in hoofdletters geschreven.sluiten - klein. Dit is een standaard die is vastgesteld in de omgeving van IT-specialisten. De browser herkent de HTML-opdracht zeker in alle letters, maar webontwikkelaars worden nog steeds geadviseerd zich te houden aan het gemarkeerde tagschema. Dit vergemakkelijkt bijvoorbeeld de herziening van de webpagina door andere specialisten.

attributen

Andere belangrijke elementen van een HTML-taal zijn attributen. Met hun hulp kan de maker van de webpagina de eigenschappen van de inhoud instellen, bijvoorbeeld de hoogte van het lettertype, de kleur, positie ten opzichte van de pagina. Hetzelfde geldt voor foto's, video en andere multimedia-componenten. Attributen worden geschreven binnen de openingstag.

inhoud

Tussen openings- en sluitingslabelhet volgende belangrijke onderdeel van de webpagina is inhoud. Dit is eigenlijk de inhoud die op het scherm aan de gebruiker moet worden getoond. Dit kan een tekst-, link-, foto-, video- of ander multimedia-element zijn.

Webpagina-elementen

"Dus lijst met de belangrijkste elementen van de webpagina,eindelijk! "herhaalt de leraar. "Met plezier", antwoorden wij op hem. Wat zit er in de structuur van dit soort documenten? We zijn het erover eens dat we dit aspect in de context van de HTML-elementen van de webpagina zullen beschouwen. Dat wil zeggen dat hun weergave in de browser - wat de gebruiker op het scherm ziet - minder interessant voor ons zal zijn. Het punt is dat de bijbehorende HTML-algoritmen, op basis waarvan het programma inhoud op dezelfde manier weergeeft, verschillend kunnen zijn. En dit is een functie van de HTML-taal: de gewenste afbeelding op de webpagina kan op verschillende manieren worden weergegeven. Tegelijkertijd kunnen ze op het vlak van arbeidskosten voor de maker van een webpagina even veelzijdig zijn, maar ook een andere hoeveelheid inspanning en tijd voor de implementatie ervan vergen.

Elementen van webpagina's: koptekst

Standaard webpagina-elementen zoals dezeverrassend klonk, gepresenteerd in zeer kleine hoeveelheden. Er zijn er eigenlijk maar twee - de titel en het belangrijkste deel van het document. Elk van hen kan echter een nogal gecompliceerde structuur hebben.

Wat is de specificiteit van de titel? Het bevindt zich helemaal bovenaan de webpagina. In de HTML-code die de titel vormt, wordt in de regel alleen tekst "gecodeerd", maar indien nodig kunnen ook kleine grafische invoegingen in het overeenkomstige element worden geplaatst. En dit is eigenlijk alles wat er over de titel gezegd kan worden. Het lijkt erop dat zijn rol in de structuur van het relevante document verwaarloosbaar is. Maar dat is het niet. De koppen van webpagina's zijn erg belangrijk in termen van indexeringssites in zoekmachines - Yandex, Google. Dit element moet volledig relevant zijn voor de inhoud van de webpagina, evenals de thematische specificiteit van de site.

Hoe de titel van de webpagina is opgelostHTML gebruiken? Heel eenvoudig. Eerst wordt een openingstag geschreven, die er altijd uitziet als een HEAD met punthaken, daarna - de inhoud van de titel, na - de afsluitende tag. Ze staan ​​natuurlijk helemaal bovenaan het webdocument.

De kop van het webdocument kan een aantal bevattenextra items. Soms kan het formaat van een webpagina de weergave van tekst in een specifieke codering vereisen. Hoe ervoor te zorgen dat het webdocument aan dit criterium voldoet? Heel eenvoudig. In de structuur van de documentkop moeten HTML-algoritmen worden geplaatst die de browser opdragen een specifieke taalcodering te gebruiken, bijvoorbeeld Cyrillisch. De bijbehorende opdrachten worden geplaatst binnen de META-tag, die net als de anderen wordt geopend en gesloten.

Hoofdwebpagina

Het grootste deel van een webdocument wordt geopend met een tag.BODY, wordt gesloten door middel van het overeenkomstige element inclusief een schuine streep. Tegelijkertijd kan er tussen de openings- en de sluittags een groot aantal extra Hypertext Markup Language-opdrachten zijn. Dit komt doordat het grootste deel van de webpagina zijn nuttige inhoud bevat: teksten, links, afbeeldingen, video's, verschillende vormen om in te vullen.

Elk van de relevante soorten inhoud heefteigen tags. De structuur van het hoofdgedeelte van een webdocument kan HTML-opdrachten bevatten die ook helpen bij het opmaken van tekst, bijvoorbeeld door een lettertype een bepaalde kleur, grootte en andere eigenschappen te geven.

Overweeg wat de bijzonderheden zijn van enkele veelgebruikte HTML-tags. Eigenlijk vormen ze ook de belangrijkste elementen van een webpagina.

Eenvoudige HTML-tags

Dus met het oog op een gedetailleerde studie van watelementen van een webpagina zijn, zullen we in meer detail de essentie van basale HTML-tags bestuderen. Sommigen van hen hebben we hierboven al geciteerd - in het bijzonder die waarmee de browser de headers van webpagina's leest en bepaalt waar het hoofdgedeelte van het document zich bevindt.

De P.-tag komt redelijk vaak voor. Net als andere soortgelijke elementen van de hypertekstopmaaktaal kan hij worden geopend en gesloten. Met deze tag kunt u een enkele alinea van het document opmaken. U kunt er bijvoorbeeld een bepaald type lettertype of kleur van instellen. Dit wordt echter gedaan met behulp van de optionele tag - FONT. Tegelijkertijd zal het worden geplaatst binnen het punt dat de paragraaflimieten aangeeft - dit staat toe dat de HTML-opdracht, die het type van het voorkeurslettertype weergeeft, niet wordt verspreid naar andere elementen van de webpagina.

Met de TABLE-tag worden tabellen gemaakt. Met behulp van de bijbehorende attributen is het mogelijk om het vereiste aantal kolommen en rijen te bepalen, hun breedte in te stellen, de specificiteit van de randen, de grootte en de letterkleur van de tekst in de tabel.

De IMG-tag is verantwoordelijk voor het verwerken van browserafbeeldingen. Het is ook mogelijk om verschillende attributen te plaatsen die de grootte van de afbeelding regelen, zijn positie op de pagina.

Links naar andere webdocumenten of bestandenaangegeven met de tag A. In de regel zijn er attributen die erop duiden dat er een hyperlink in de structuur van een webpagina is. Dit geeft het document, bestand of de site aan waarnaar het wordt geleid.

Een tag zoals FRAMESET is normaal. Hiermee kunt u de ruimte van een webpagina in verschillende gebieden verdelen - frames. In elk daarvan kunt u links naar afzonderlijke webdocumenten plaatsen. Dat wil zeggen, met frames kunt u twee of meer pagina's op hetzelfde scherm op hetzelfde moment correct plaatsen.

Een verhaal over de belangrijkste elementen van webpagina's ende daaropvolgende vertelling over de middelen van hun opmaak met behulp van de HTML-taal - zoiets zal het algoritme zijn van ons antwoord op de vraag die de onderzoeker ons heeft gesteld. Als hij ons benaderd door te zeggen "de belangrijkste elementen van de webpagina op te sommen", dan zullen we, met behulp van de juiste methodologie, alle kansen hebben om het onderwerp op te lossen. Dat wil zeggen, met de term "elementen" kunnen we de belangrijkste componenten van de structuur van een webdocument begrijpen, of de soorten inhoud - tekst, afbeeldingen, tabellen, kaders, links, die de webmaster met behulp van een hulpmiddel zoals HTML vormt.

Web Development Tools Specifiek

Naast het bovenstaande kunnen we dat verduidelijkenHTML-tags en -attributen zijn een enorm aantal. Naast HTML kunnen webontwikkelaars extra hulpmiddelen gebruiken voor het opmaken van hypertext-documenten. Als u bijvoorbeeld de JavaScript-scripttaal gebruikt, kunt u dynamische webpagina's maken, dat wil zeggen die waarin de inhoud constant wordt bijgewerkt (zowel door de acties van de gebruiker zelf als in overeenstemming met algoritmen die vooraf in de scripts zijn geschreven).

Het is handig om toe te voegen dat een webontwikkelaar dat kangebruik volwaardige programmeertalen in hun werk, zoals Perl, PHP, Java, Python, met behulp waarvan de mogelijkheden om met hypertext-documenten te werken nog groter worden. De noodzaak hiervan kan te wijten zijn aan het feit dat de toepassingsgebieden van de hedendaagse webtechnologieën heel verschillend zijn. De taken waarmee moderne ontwikkelaars worden geconfronteerd, kunnen behoorlijk ingewikkeld zijn. Het is bijvoorbeeld soms nodig om webpagina's die in het Russisch zijn geschreven in het Engels te vertalen. In dit geval is de toolkit van de ontwikkelaar de meest uiteenlopende.