Alles over webpagina's. Wat is een webpagina? Noem de belangrijkste elementen van een webpagina

Hallo, lieve bloglezers. Met dit artikel beginnen we de basisprincipes van de HTML-taal te leren.

U weet waarschijnlijk al dat de hoofdtaal van internet is hypertekst taal HTML-opmaak(HyperText Opmaaktaal) . In dit artikel leren we de basis HTML-concepten en leer hoe u eenvoudige WEB-pagina's kunt maken.

Laten we beginnen met het belangrijkste: laten we kijken hoe het werkt Wereld wijde web - internet. Om webpagina's op te halen, maakt u bestanden die zijn geschreven in HTML-taal en plaats ze op de webserver. Hierna kan elke browser die op een apparaat met internettoegang is geïnstalleerd, of het nu een computer, telefoon of tablet is, uw webpagina's vinden.

web Server- Dit gewone computer met speciaal software met internettoegang. Het luistert voortdurend naar verzoeken van browsers voor webpagina's, afbeeldingen, audio- en videobestanden. Nadat een verzoek voor een van deze bronnen is ontvangen, zoekt de server ernaar en stuurt dit naar de browser.

Browser- Dit speciaal programma, bedoeld om bijvoorbeeld op websites te surfen Internet Explorer. Met een browser bladert u door websites door op links te klikken. Elke klik op deze manier zorgt ervoor dat de browser een aanvraag voor de HTML-pagina indient bij de webserver, een antwoord ontvangt en de pagina in het bijbehorende venster weergeeft. Het is wanneer de pagina wordt weergegeven dat de HTML-taal begint te werken; deze vertelt de browser alles over de structuur en inhoud van de webpagina. Commando's gebruiken - labels, vertelt HTML de browser waar tekstparagrafen beginnen, welk deel van de tekst een kop is en waar tabellen en zelfs afbeeldingen moeten worden ingevoegd. En tags zijn bijvoorbeeld woorden tussen punthaken

,

, .

Een webwinkel is dringend nodig, en tijd voor HTML leren, CSS, PHP en andere technologieën zijn niet beschikbaar. Dan kunt u eenvoudig een webwinkel huren met volledig geïmplementeerde functionaliteit en optimalisatie voor zoekmachines.

HTML-taal en zijn tags

De eerste versie van de HTML-taal verscheen in 1992. Anno 2013 wordt de specificatie ontwikkeld nieuwe versie HTML nummer 5. De ontwikkeling van deze specificatie wordt uitgevoerd door de Wereldorganisatie Wijde web Consortium, of kortweg W3C. De W3C-organisatie ontwikkelt andere webstandaarden. U kunt zich vertrouwd maken met deze standaarden op hun website www.w3.org. Overigens ondersteunen veel webbrowsers al enkele HTML 5-functies.

Ik stel voor om meteen HTML te leren met een voorbeeld. Laten we dus onze eerste webpagina maken. Om WEB-pagina's te maken Iedereen zal het doen teksteditor. Ik raad aan eerst de ingebouwde Windows te gebruiken Kladblok(in het algemeen raad ik aan om in de toekomst HTML-code te bewerken). Je kunt het vinden: "Start->Alle programma's->Bureau-accessoires->Kladblok". Laten we een pagina over auto's maken. Open daarom Kladblok en typ de volgende tekst erin:

Website over auto's.

Welkom op onze autowebsite. Hier vindt u veel interessante en nuttige artikelen over auto's. De site bevat beschrijvingen van veel geïmporteerde en binnenlandse auto's.

Sla vervolgens de gemaakte webpagina op in een bestand met de naam index.html. In dit geval moet u in het dialoogvenster voor het opslaan van bestanden de codering instellen op UTF-8 en de bestandsnaam tussen aanhalingstekens plaatsen, anders voegt Kladblok de txt-extensie eraan toe en krijgt ons bestand de naam index.htm.txt:

Nu hoeft u alleen nog maar het gemaakte bestand in de browser te openen en het resultaat te bekijken. Hiervoor kunt u gebruik maken van de meegeleverde onderdeel van Windows Microsoft-browser Internet Explorer of een andere browser die op uw computer is geïnstalleerd, door te dubbelklikken op het index.html-bestand of door het bestand naar het browserpictogram te slepen. Open het en zie zoiets als dit:

Daarom hebben we in Kladblok een webpagina gemaakt, hoewel een beetje onopvallend, maar die al een grote kop en een alinea met tekst bevat die automatisch in regels wordt opgedeeld en een fragment bevat dat in het midden is gemarkeerd vetgedrukt.

Wat is een label?

Laten we nu meer praten over de paginastructuur. Laten we naar het fragment kijken:

Website over auto's

. Hier zien we de tekst die als titel op de pagina verschijnt, omsloten door tags

En

. Wat is een tag in HTML?

HTML-tag- Dit gewone woorden en de symbolen daarin punthaken, Bijvoorbeeld

,

, . Taggen dus

is de openingstag, tag

afsluitende tag, en de tekst ertussen wordt de inhoud van de tag genoemd. Ook taggen

en labelen

worden gepaarde tags genoemd. Samen vormen de openingstag plus de inhoud plus de slottag een HTML-documentelement. Er zijn ook elementen die uit één openingstag bestaan:

Dus gepaarde label

definieert een koptekstelement van het eerste niveau. Er zijn in totaal zes niveaus van kopjes, dit zijn de elementen

—

.

Elementen kunnen blokvormig of inline (tekst) zijn. Blokelementen structurele opmaak van de pagina uitvoeren. Blokelementen worden altijd weergegeven op de pagina met nieuwe lijn en zijn ingesprongen van aangrenzende elementen. Inline-elementen voer directe tekstopmaak of logische opmaak uit. Element

is een blokelement.

Dat is alles voor mij!!! Tot ziens in de volgende berichten!

Wat is HTML

Tegenwoordig gebruiken 3,5 miljard mensen internet – dat is de helft van de wereldbevolking. Bij het bezoeken van websites realiseren veel mensen zich niet eens dat HTML is gebruikt om ze te maken. Zonder dit zouden alle webpagina's eruitzien als een doorlopend, onleesbaar canvas van lijnen. Laten we proberen erachter te komen wat deze taal is en waarom deze nodig is.

HTML en andere concepten

Elke door de mens uitgevonden activiteit, of het nu gaat om het leren van het alfabet aan kinderen of het produceren van ballistische raketten, wordt vroeg of laat op uniforme normen gebracht. Hetzelfde gebeurde met het maken van webpagina's. In 1991 ontwikkelde de Britse wetenschapper Tim Berners-Lee de eerste HTML-taalspecificatie, die het mogelijk maakte documenten te creëren die op internet konden worden weergegeven. verschillende apparaten, mensen die geen lay-outvaardigheden hebben. HTML is nu de standaard bij het maken van webpagina's.

HTML-taal

De afkorting HTML staat voor HyperTextMarkupLanguage. Dat wil zeggen, HTML is een hypertext-opmaaktaal voor documenten die op internet worden geplaatst. Door het gebruik ervan ontvangen browsers informatie over hoe verschillende elementen van webpagina's kunnen worden weergegeven. Sommige gebruikers verwarren HTML met programmeertalen, maar het kan niet worden gebruikt om acties uit te voeren, bijvoorbeeld het openen van een pop-upvenster. Dit is slechts een opmaak - vergelijkbaar met wat elke Microsoft Word-gebruiker is tegengekomen. U kunt het gebruiken om tabellen te maken, tekst op te maken, links naar foto's toe te voegen, enz.

HTML-code bestaat uit tags– commando's waarmee de markering wordt opgegeven. Elke tag staat tussen punthaken en is verantwoordelijk voor een specifieke taak. Door bijvoorbeeld de tag te gebruiken u kunt de vetgedrukte tekst en de opdrachten markeren

, En

kunt u een tabel tekenen. U kunt op de eenvoudigste manier een website in html schrijven teksteditor, waarbij de tags correct worden geplaatst en de extensie .txt wordt vervangen door .html. Voor gebruikers die geen idee hebben wat HTML is, zijn er veel editors gemaakt die het werken met code eenvoudig en duidelijk maken. Het meest populaire programma's zijn FrontPage, Dreamweaver en HomeSite. Ze maken allemaal het proces van het maken van websites eenvoudiger, maar ze verstoppen paginacodes met onnodige tags, waardoor hun volume toeneemt. Daarom geven veel, zelfs beginnende websitebouwers, er de voorkeur aan om hypertext-opmaaktaal te leren en HTML-code handmatig te schrijven. Wat is een webpagina Typisch een webpagina is een document html-formaat , dat wordt geopend via een browser en een uniek adres op internet heeft. Naast tekst kan het ook het volgende bevatten: Afbeeldingen; foto's; audio- en videobestanden; tafels; lijsten; links naar andere pagina's. De verzameling teksten en andere informatieblokken van een pagina wordt content genoemd. Zijn verplichte elementen Er zijn ook hyperlinks waarmee u snel naar een andere pagina kunt gaan en een multimediabestand of programma kunt downloaden. Normaal gesproken bestaat een webpagina uit: “headers”, die basisinformatie bevatten: sitenaam, logo, motto, telefoonnummers, zoekformulier; het hoofdblok waar de pagina-inhoud zich bevindt; zijkolommen met lange lijsten: menu-items, kopjes; “footer” met contacten, copyright, bezoektellers, individuele menu-items. Een webpagina kan statisch of dynamisch zijn. De eerste zijn geschreven in HTML en blijven ongewijzigd op de servers. Dynamische pagina's bestaan ​​niet totdat de gebruiker een verzoek verzendt om ze te genereren. Ze worden gemaakt door scripts die zijn geschreven door programmeurs in verschillende talen programmering. Dynamische webpagina's maken het erg handig om mee te werken nieuwsportals, online winkels en andere bronnen die gevuld zijn met vaak veranderende informatie. Wat is een website Nu we hebben begrepen wat een webpagina is, kunnen we verder gaan met het concept van een website. Een website is een verzameling webpagina's, verenigd door een gemeenschappelijk thema en ontwerp. Startpagina site bevat veel links naar intern informatieve bronnen, die elk een afzonderlijke webpagina zijn. De site kan uit één pagina bestaan, maar zal zeker links naar andere bronnen bevatten: videobestanden, pop-upvensters, documenten om te downloaden. Elke site heeft een eigen domeinnaam, die wordt aangegaan adresbalk browser. Het is veel korter en beknopter dan de adressen van interne webpagina's, dus het onthouden ervan zal niet moeilijk zijn. Sommige sites hebben twee of meer adressen die naar dezelfde bron leiden. Vaak wordt dit gedaan door bedrijven die willen dat klanten hun website kunnen vinden door de bedrijfsnaam zowel in het Latijn als in het Cyrillisch in te voeren. Afhankelijk van het volume en de aard van de inhoud worden sites onderverdeeld in 3 typen. Waar begint een webpagina? Wat zijn de fasen van het creatieproces? Om te begrijpen wat een webpagina is, moet u begrijpen hoe deze is gevormd. Ontwerp Het begint allemaal met het werk van de ontwerper. Hij ontwikkelt, in overeenstemming met de eisen en doelstellingen van de klant, een lay-out van de toekomstige website. Deze lay-out is gemaakt voor één, twee of meer pagina's. In dit stadium wordt de locatie van alle benodigde objecten bepaald, lettertypen, afbeeldingen en ontwerp in het algemeen geselecteerd. Dat wil zeggen, het wordt aanvankelijk gevormd verschijning pagina's, waaruit vervolgens een volwaardige website wordt samengesteld. Indeling Vervolgens wordt de lay-outontwerper bij het werk betrokken. Op basis van de door de ontwerper ontwikkelde lay-out maakt hij de pagina-indeling en optimaliseert deze verschillende browsers. Voor dit doel is het gemaakt gewoon document, bijvoorbeeld in Kladblok, dat is opgeslagen met de extensie .html. In deze taal wordt een eenvoudige webpagina geschreven. HTML staat voor HyperText Markup Language en is een set tags die dienen om verschillende taken uit te voeren. Deze taal is vrij eenvoudig maar functioneel. Met zijn hulp wordt het gecreëerd logische structuur pagina en deze is onderverdeeld in individuele elementen- koppen, lijsten, alinea's, tabellen en andere objecten. Bovendien definiëren tags de betekenis van alle inhoud. Ze geven de browser informatie over wat moet worden gemarkeerd, onderstreept, waar moet worden ingesprongen, waar een afbeelding moet worden ingevoegd en wat er in een link moet worden omgezet. Hierdoor krijgt de pagina het juiste uiterlijk. Om het echter volledig te laten overeenkomen met wat de ontwerper heeft bedacht, is het ook noodzakelijk om CSS te gebruiken. Dit trapsgewijze tafels stijlen die het uiterlijk van een HTML-document en het ontwerp ervan bepalen. Met behulp van CSS-tools kunt u de pagina "inkleuren". vereiste kleuren, pas een of andere lettertypestijl toe, voeg andere ontwerpelementen toe. Door HTML en CSS te gebruiken, krijgen we een voltooide, prachtig ontworpen pagina. Maar het moet nog steeds dynamisch worden gemaakt, en dit is aan de programmeur. Programmering Op in dit stadium u begrijpt al wat een webpagina is en hoe deze wordt gemaakt. Maar dat is niet alles. Er zijn verschillende soorten pagina's: statisch, dynamisch en interactief. De eerste zijn precies degene die alleen zijn gemaakt met met behulp van html en css. Om een ​​pagina dynamisch te maken, heb je een engine nodig: CMS (of Content Management Systeem). Dit is een speciaal programma dat, op basis van gebruikersverzoeken, een pagina maakt op basis van gegevens die zijn opgeslagen in de serverdatabase. Dat wil zeggen dat de pagina wordt gemaakt wanneer een verzoek van de gebruiker wordt ontvangen. Om het te schrijven worden talen zoals ASP, PHP en andere gebruikt. Wat interactieve pagina's betreft, omvatten deze zogenaamde formulieren waarmee de gebruiker en de server gegevens uitwisselen. Ze zijn ook ingeschreven PHP-talen, JavaScript, enz. Programmeren is een complexer proces dan lay-out en vereist hoogwaardige specifieke kennis van ten minste één (of bij voorkeur meerdere) van de genoemde talen. Hoe laadt een webpagina? Om de pagina beschikbaar te maken voor alle internetgebruikers, wordt deze (dat wil zeggen het document waarin deze wordt beschreven) op een webserver geplaatst. Dit is een computer die continu werkt en wacht op verzoeken van browsers. Wanneer het deze ontvangt, vindt het de vereiste bron (bijvoorbeeld een webpagina) en stuurt deze naar de juiste browser. En dat geeft op zijn beurt, op basis van de informatie (signalen) in het document, een webpagina weer. Waarom kan ik een webpagina niet openen? Er zijn situaties waarin u een verzoek invoert (geef het adres op, schrijf het woord in zoekbalk of klik op een link), maar de browser kan niet de informatie weergeven die u nodig heeft en schrijft dat de webpagina niet is gevonden. Wat is hier de reden en hoe kan een dergelijk probleem worden opgelost? Eerst moet u de URL controleren om te zien of deze correct is ingevoerd. Als er een fout wordt gemaakt in een letter of symbool, zal de server niet in staat zijn om informatie te vinden die geschikt is voor uw verzoek, en zal de browser deze dienovereenkomstig niet kunnen weergeven. Maar als het adres correct is, waarom is de webpagina dan niet beschikbaar? De oorzaak kunnen cookies zijn. Ze worden gemaakt door webpagina's die u eerder hebt bezocht om bepaalde instellingen en andere zaken op te slaan. Als een dergelijk bestand beschadigd is, kan het voorkomen dat de pagina correct wordt geladen. Om de situatie te corrigeren, moet deze worden verwijderd. Om dit te doen, gaat u naar het gedeelte 'Privacy', gaat u naar de inhoudsinstellingen en selecteert u in het geopende venster 'Alle cookies en sitegegevens'. Klik op "Alles verwijderen". De derde reden zou kunnen zijn langzaam werk browser vanwege het gebruik van een proxyserver. Om het probleem op te lossen, moet u de instellingen wijzigen. Dit kunt u doen in het gedeelte 'Internetverbindingen'. Selecteer het netwerk dat u gebruikt, open Instellingen en ga naar het tabblad Proxy. Set vereiste instellingen het gebruik ervan. Nu zou alles moeten werken. Conclusie Uit dit artikel heb je geleerd wat een webpagina is, hoe deze is gevormd en welke specialisten deelnemen aan de creatie ervan. We hebben ook gekeken naar hoe sitepagina's worden geladen en weergegeven, waarom ze mogelijk niet worden geopend en hoe dit probleem kan worden opgelost. Nu weet u iets meer over hoe internet werkt en wat de webbronnen zijn. Een zelfstandig onderdeel van de website; een document voorzien van een uniek adres (URL). Een webpagina kan statische of dynamische constructie. Meestal zijn webpagina's georganiseerd als hypertekst met tekst, afbeeldingen, geluid, video of... Financieel woordenboek - (Engels) webpagina) hypertekstbron Wereld wijde web, meestal geschreven in de referentietaal voor snelle overgang naar andere pagina's, maar ook naar statische en dynamische beelden. Een programma dat een webpagina weergeeft, wordt een webbrowser genoemd... Wikipedia Een zelfstandig onderdeel van de website; een document voorzien van een uniek adres (URL). Een webpagina kan een statische of dynamische constructie hebben. Meestal zijn webpagina's georganiseerd als hypertekst met tekst, afbeeldingen, geluid, video of... Woordenboek van zakelijke termen webpagina- Websitecomponent, bestand op de server [GOST R 52872 2007] web HTML-pagina document beschikbaar via internet. Onderwerpen informatie Technologie in het algemeen NL webpaginawebpagina… Handleiding voor technische vertalers - (Engels webweb, netwerk), een zelfstandig onderdeel van een website (zie WEBSITE), afzonderlijk document op internet (zie INTERNET), voorzien van een uniek adres (URL), dat tekst, afbeeldingen, geluid, videobestanden en animatie kan bevatten. Geschreven in... ... encyclopedisch woordenboek Zelfstandig naamwoord, aantal synoniemen: 4 gateway (1) deuropening (2) internetpagina (1) ... Synoniem woordenboek webpagina- webpagina's, webpagina's... Samen. Deel. Met koppelteken. webpagina- verdomd land, creatief. p. haar... Russisch spellingwoordenboek Een dynamische pagina is een webpagina die programmatisch wordt gegenereerd, in tegenstelling tot een statische pagina, dit zijn bestanden die zich op de server bevinden. De server genereert (X)HTML-code voor verwerking door de browser of een andere user-agent. Beschrijving... ... Wikipedia Het verzoek voor "site" wordt hierheen geleid. Zien ook andere betekenissen. Website (van de Engelse website: web web en site “place”) in computer netwerk verenigd onder één domeinnaam of IP-adres) een verzameling documenten van een privépersoon of... ... Wikipedia Boeken , Novikov E., Petrochenkov A.. Landingspagina ( landingspagina) - dit is de naam op internet voor de websitepagina's die het vaakst worden bezocht door bezoekers die de site openen via zoekmachines. Belang landingspagina's moeilijk… Ideale landingspagina. Wij maken verkoopwebpagina's, Petrochenkov, A.S. , Novikov, E.. Landingspagina is de naam op internet voor de webpagina's waarop bezoekers het vaakst terechtkomen wanneer ze de site openen via zoekmachines. Het belang van landingspagina's is moeilijk... Gerelateerde publicaties: Hoe een selectie omkeren in Photoshop? Berekeningen in de Engelse versie van W10 Installeer Yandex Zen op uw computer en telefoon in elke browser Profilering van PHP-applicaties met behulp van PhpStorm en Xdebug Het profileringslogboek openen  Categorieën