Vad är en webbsida? Ange huvudelementen på webbsidan

Huvuddelen av innehållet som presenteras iInternet är en webbsida. Detta är historiskt den allra första typen av dokument som är avsedda att placeras i ett virtuellt nätverksutrymme, men som fortfarande behåller sin relevans och praktiskt taget inte har några konkurrerande format. Vad är strukturen på webbsidorna? Med vilka medel för webbutveckling skapas de?

Vad är en webbsida?

"Lista huvudelementen på webbsidan" -säger examinator vid datavetenskapsklassen. Vad kan vi säga till honom i gengäld? Först och främst pratar vi om vad webbsidan är i princip.

Enligt den allmänt accepterade bland IT-proffsDefinition är ett dokument som är utformat för att öppnas i ett specialiserat program - en webbläsare, och som innehåller data för att visa olika användbar innehåll - texter, länkar, grafik, video, musik etc. på datorskärmen. Är ett textdokument. Motsvarande data för webbläsaren är bokstäver, siffror och specialtecken som används som markupsprogelement - HTML. Det är med hjälp av det som skaparen av webbsidan "förklarar" till webbläsaren hur man visar på det här eller det här innehållet på skärmen.

Platsen och rollen för webbsidor i webbplatsstrukturen

Är det möjligt att säga att webbsidan är den viktigastedel av webbplatsen? Detta är delvis sant. Som vi noterade ovan är en webbsida bara ett textdokument. På sidan finns det i regel också bilder, video och andra multimediaelement. Webbsidan kan inte innehålla dem i sig, men i sin struktur kan den innehålla länkar till dem. Således kan en webbsida kallas huvudkomponenten på webbplatsen i den dominerande rollen i visning av virtuellt innehåll framför användarna.

I sällsynta fall, naturligtvis,Dokumentet är den enda komponenten på webbplatsen - om det av någon anledning inte tillhandahåller grafik, video och andra multimediaelement. I synnerhet innehåller de allra första sidorna - när markeringsspråken på webbsidor bara visas - inte relevantt innehåll. Innan användarens ögon var bara text och länkar.

Principen för hypertextaktivering

Så, en webbsida är ett dokument,sammanställd i HTML, med vilken hypertextmarkupen implementeras. Men vad är detta fenomen? Vad är hypertext? Utan att gå djupt in i teorin noterar vi att det här är en text som på ett eller annat sätt ger dig snabb tillgång till en annan - genom länkar. I en vanlig bok är detta omöjligt - det finns en "vanlig text". För att få tillgång till önskad sida måste läsaren göra flera personsökningar innan du läser innehållet eller fotnoter. I "hypertext" -läget görs huvuddelen av arbetet av datorn - på grund av den information som återspeglas i HTML-elementen på sidan.

Om en datavetenskapslärare berättar för oss: "Lista huvudelementen på webbsidan", då kan vi helt rätt börja historien om komponenterna i motsvarande dokument, som skapas med hjälp av HTML-markup-språket. Därför ska vi börja med att titta på några teoretiska punkter angående HTML.

HTML-språkstruktur: taggar

Hur läser webbläsaren de nödvändiga uppgifterna om en webbsida från ett dokument som är skrivet i HTML? Mycket enkelt.

Huvudelementen i detta språk är taggar. I de flesta fall är de parade - det finns en öppning, och det finns en stängande. Den förra betecknas med endast vinklar. Den andra är likadana, men ett snedstreck, / / ​​tecknet, läggs före den andra konsolen. Webbläsaren kan känna igen dem och visar därför innehållet på webbsidor utan några problem i enlighet med de algoritmer som skapats av dokumentets utvecklare.

Öppningsetiketten skrivs vanligtvis i stora bokstäver.stängning - liten. Detta är en standard som är etablerad i IT-specialisters miljö. Webbplatsen erkänner säkert HTML-kommandot i några bokstäver, men webbutvecklare rekommenderas fortfarande att hålla sig till det märkta taggschemat. Detta underlättar till exempel översynen av webbsidan av andra specialister.

attribut

Andra nyckelelement i ett HTML-språk är attribut. Med hjälp kan skaparen av webbsidan ställa in innehållets egenskaper - till exempel typsnittets höjd, dess färg, position i förhållande till sidan. Detsamma gäller för bilder, video och andra multimediakomponenter. Attributen är skrivna inom öppningsetiketten.

innehåll

Mellan öppning och stängning taggNästa huvudkomponent på webbsidan är innehåll. Detta är i själva verket det mycket innehåll som ska visas för användaren på skärmen. Det här kan vara en text, länk, bild, video eller annat multimediaelement.

Webbsidor

"Så lista huvudelementen på webbsidan,äntligen! "läraren upprepar. "Med nöje" svarar vi på honom. Vad ingår i strukturen för denna typ av dokument? Vi håller med om att vi kommer att överväga denna aspekt i samband med HTML-elementen på webbsidan. Det vill säga att deras visning i webbläsaren - vad användaren ser på skärmen - kommer att vara av mindre intresse för oss. Poängen är att motsvarande HTML-algoritmer, på grundval av vilka programmet visar innehåll på samma sätt, kan vara annorlunda. Och detta är en funktion i HTML-språket: Den önskade bilden på webbsidan kan visas på olika sätt. Samtidigt kan de vara likvärdiga när det gäller arbetskostnader för skaparen av en webbsida på olika sätt, samt anta en annan mängd ansträngning och tid för genomförandet.

Webbsida Element: Header

Standard webbsidor så häröverraskande lät, presenteras i mycket små mängder. Faktum är att det bara finns två av dem - titeln och huvuddelen av dokumentet. Dock kan var och en av dem ha en ganska komplicerad struktur.

Vad är titelens specificitet? Den ligger längst upp på webbsidan. I HTML-koden som bildar titeln är det i regel "bara krypterad", men om det behövs kan små grafiska inlägg också placeras i motsvarande element. Och det här är faktiskt allt som kan sägas om titeln. Det verkar som om dess roll i strukturen i det relevanta dokumentet är försumbar. Men det är det inte. Rubrikerna på webbsidor är mycket viktiga när det gäller indexering av webbplatser i sökmotorer - Yandex, Google. Detta element borde vara helt relevant för innehållet på webbsidan, samt webbplatsens tematiska specificitet.

Hur webbsidans titel är fixadanvänder HTML-språk? Mycket enkelt. Först skrivs en öppnings tagg, som alltid ser ut som en HEAD med vinkelbeslag, då - innehållet i titeln, efter - stängningskoden. De är naturligtvis skrivna högst upp på webbdokumentet.

Webbdokumentrubriken kan innehålla ett antalytterligare objekt. Ibland kan formatet på en webbsida kräva att text visas i en specifik kodning. Hur ser man till att webbdokumentet uppfyller detta kriterium? Mycket enkelt. I dokumentets struktur ska rubriken placeras i HTML-algoritmer som instruerar webbläsaren att använda en specifik språkkodning - till exempel Cyrillic. De motsvarande kommandona placeras inom META-taggen, som, liksom de andra, öppnas och stängs.

Huvudwebbsidan

Huvuddelen av ett webbdokument öppnas med en tagg.BODY, stängs med hjälp av motsvarande element inklusive ett snedstreck. Samtidigt kan det finnas ett stort antal extra hypertextmarkup språkkommandon mellan öppnings- och stängningskoderna. Detta beror på att huvuddelen av webbsidan innehåller användbar innehåll - texter, länkar, grafik, videor, olika former att fylla i.

Var och en av de olika typerna av innehåll haregna taggar. Strukturen i huvuddelen av ett webbdokument kan innehålla HTML-kommandon som också hjälper till att formatera text - till exempel ge ett teckensnitt en viss färg, storlek och andra egenskaper.

Tänk på vad som är specifika för vissa vanliga HTML-taggar. Egentligen utgör de också huvudelementen på webbsidan.

Grundläggande HTML-taggar

Så, för en detaljerad studie av vadär element i en webbsida, kommer vi att studera mer i detalj kärnan i grundläggande HTML-taggar. Några av dem vi redan har citerat ovan - i synnerhet de som webbläsaren läser rubrikerna på webbsidor och bestämmer var huvuddelen av dokumentet finns.

P.-märket är ganska vanligt. Han, som andra liknande element i hypertextmarkup-språket, kan öppna och stänga. Med den här taggen kan du formatera en enda punkt i dokumentet. Du kan till exempel ställa in en viss typ av typsnitt eller dess färg. Detta görs dock med valfri tagg - FONT. Samtidigt kommer den att placeras inuti den som anger styckgränserna - detta tillåter att inte distribuera HTML-kommandot, vilket återspeglar typen av det föredragna tecknet, till andra delar av webbsidan.

Med tabellen TABLE skapas tabeller. Med hjälp av dess motsvarande attribut kan bestämma det nödvändiga antalet kolumner och rader som definierar deras bredd specificitets gränser, storlek och färg på texten i teckentabellen.

IMG-taggen är ansvarig för att bearbeta webbläsarbilder. Det är också möjligt att placera olika attribut som reglerar bildens storlek, dess position på sidan.

Länkar till andra webbdokument eller filerindikeras av taggen A. Som regel finns attribut i det som indikerar att det finns en hyperlänk i strukturen på en webbsida. Detta anger dokument, fil eller webbplats som det leder till.

En tagg som FRAMESET är vanlig. Med det kan du dela ut mellanslaget för en webbsida i flera områden - ramar. I var och en av dem kan du skicka länkar till enskilda webbdokument. Det innebär att ramar låter dig placera två eller flera sidor på samma skärm samtidigt.

En historia om viktiga delar av webbsidor ochden efterföljande berättelsen om hur man formaterar dem med hjälp av HTML-språket - något som detta kommer att vara algoritmen för vårt svar på frågan som undersökaren frågade oss. Om han kontaktade oss genom att säga "lista huvudämnena på webbsidan", så kommer vi, med hjälp av lämplig metodik, att ha all chans att avslöja ämnet. Det vill säga med termen "element" kan vi förstå nyckelkomponenterna i strukturen för ett webbdokument eller innehållstyperna - text, bilder, tabeller, ramar, länkar, som webbansvariga skapar med hjälp av ett verktyg som HTML.

Webutvecklingsverktyg Specifikt

Utöver det ovanstående kan vi klargöra detHTML-taggar och attribut är ett stort antal. Utöver HTML kan webbutvecklare använda ytterligare verktyg för att formatera hypertextdokument. Med hjälp av JavaScript-skriptspråket kan du till exempel skapa dynamiska webbsidor - det vill säga de där innehållet ständigt uppdateras (både på grund av användarens handlingar och i enlighet med algoritmerna som är förskrivna i skript).

Det kommer att vara bra att lägga till att en webbutvecklare kananvänd fullfjädrade programmeringsspråk i sitt arbete, till exempel Perl, PHP, Java, Python, med hjälp av vilka möjligheterna att arbeta med hypertextdokument blir ännu större. Behovet av detta kan vara relaterat till det faktum att tillämpningsområdena för webbteknologi idag är mycket olika. Uppgifterna som möter moderna utvecklare kan vara ganska komplexa. Det är till exempel nödvändigt att översätta webbsidor skrivna på ryska till engelska. I detta fall kommer utvecklarens verktygslåda att vara den mest mångsidiga.