Alla använder Internet och alla surfar på olika sajter, och förmodligen skulle alla vilja lägga sin sida på Internet, men detta är inte lätt att göra, det finns många anledningar till detta. Men för att du ska kunna vara värd för en kvalitetswebbplats behöver du bara känna till grunderna i " WEB programmering", vilket är HTML-språk. I den här artikeln kommer vi att titta på huvudelementen, taggar, attribut och till och med skriva den första webbsidan.

Hyper Text Markup Language- "HTML" ( hypertextmarkeringsspråk) många har länge upphört att betrakta det som bara ett programmeringsspråk. Eftersom själva begreppet HTML inkluderar olika metoder för att designa hypertextdokument, design, hypertextredigerare, webbläsare och mycket mer. En användare som behärskar detta språk förvärvar förmågan att göra allvarliga saker med enkla metoder och, viktigast av allt, snabbt, vilket anses vara mycket bra i den moderna världen!

I HTML kan du skapa dina egna multimediaprodukter och distribuera dem på CD-skivor, och alla dessa produkter, gjorda i form av uppsättningar av HTML-sidor, kräver inte utveckling av specialiserade mjukvaruverktyg, eftersom allt du behöver för att arbeta med data ( webbläsare) har blivit en del av standardprogramvaran för de flesta persondatorer.

• Element (element) är en konstruktion av HTML-språket. Detta är ett objekt som innehåller data och låter dig formatera det på ett visst sätt. Varje webbsida är en uppsättning element. En av huvudidéerna med hypertext är förmågan att kapsla element.
• Märka (märka) är start- eller slutmarkörerna för elementet. Taggar definierar omfattningen av element och separerar element från varandra. I texten på en webbsida är taggar omgivna av vinkelparenteser, och sluttaggen följs alltid av ett snedstreck.
• Attribut(attribut) - en parameter eller egenskap hos ett element. Detta är med andra ord en variabel som har ett standardnamn och som kan tilldelas en viss uppsättning värden: standard eller godtycklig. Attribut-teckenvärden förväntas vara omgivna av raka citattecken, men vissa webbläsare tillåter att citattecken inte används. Detta beror på att attributtypen alltid är känd i förväg. Attribut finns inuti starttaggen och är separerade från varandra med mellanslag.
• Hyperlänk- ett stycke text som är en pekare till en annan fil eller ett annat objekt. Hyperlänkar är nödvändiga för att ge möjligheten att navigera från ett dokument till ett annat.
• ram (ram) - denna term har två betydelser. Den första är dokumentområdet med sina egna rullningslister. Det andra värdet är en bild i en komplex ( animering) bildfil (liknar en ram från en film). Det är också möjligt att istället för termen "ram" i den specialiserade litteraturen och lokaliserade mjukvaruprodukter, kan du hitta termen "ram" eller "ram".
• HTML-fil eller HTML-sida - ett dokument skapat i form av hypertext baserat på HTML-språket. Sådana filer har tilläggen htm eller html.
• Applet (applet) är ett program som överförs till klientens dator som en separat fil och startas när en webbsida visas.
• Manus eller manus ( manus) är ett program som ingår i en webbsida för att förbättra dess möjligheter.
• Förlängning (förlängning) är ett element som inte ingår i språkspecifikationen, men som används, vilket ger möjlighet att skapa en intressant ny formateringseffekt.
• CGI (Gemensamt gateway-gränssnitt) är ett allmänt namn för program som, som körs på en server, låter dig utöka funktionerna för webbsidor. Till exempel, utan sådana program är det omöjligt att skapa interaktiva sidor.
• HTML-kod - hypertextdokument i sin ursprungliga form, när alla element och attribut är synliga.
• webbsida- ett dokument (fil) utarbetat i hypertextformat och lagt ut på World Wide Web.
• Hemsida (webbplats) - en uppsättning webbsidor placerade på ett ställe och sammankopplade.
• Webbläsare (webbläsare) är en webbläsare.
() - kopiering av filer från servern till klientdatorn.
• URL (Uniform Resource Locator) eller Uniform Resource Locator, adressen till något objekt på Internet, dvs. en typisk WWW-URL ser ut så här: http://www.namn.domän/filnamn.

Alla delar av språket kan villkorligt delas in i tre grupper. Den första innehåller element som skapar strukturen för ett hypertextdokument. Användningen av sådana element är en nödvändig formalitet som inte kan försummas. Den andra gruppen innehåller element som skapar formateringseffekter. Deras användning dikteras av de specifika kraven för dokumentet, utvecklarens fantasi och kompetens.Den tredje gruppen innehåller element som låter dig styra programvaran som installeras och körs på klientdatorn. Ofta skapas sådana element automatiskt när en utvecklare använder en hypertextredigerare eller liknande program för att infoga något objekt i ett dokument.

Även om HTML-specifikationen är en standard, utökas språket med nya element ( förlängningar). Därför är vissa webbsidor lättare att se med vissa webbläsare. Tillägg skapas endast av välkända företag som utvecklar programvara för WWW, och vanliga användare kan förbättra sina webbsidor genom programmering. Med applets kan du ta bort HTMLs begränsningar och ge utvecklarens fantasi fritt spelrum.

HTML-versioner

Den första versionen av HTML-språket utvecklades i början av 90-talet av Tim BenersLee för en av de populära Mosaic-webbläsarna tidigare. Men då hade varken webbläsaren eller HTML i sig någon bra användning ännu. 1993 dök HTML+ upp, och även denna version gick i stort sett obemärkt förbi. Men spridningen av HTML-språket berodde på version 2.0, som dök upp i juni 1994. Och sedan dess har WWW:s popularitet ökat runt om i världen. Standarderna som ingår i version 2 har slagit rot så väl att de används än idag.

HTML version 3.0, som dök upp ungefär ett år senare, introducerade möjligheten att rita matematiska symboler ( integrerade tecken, oändlighet, bråk, parentes, etc.) med hjälp av delar av språket. Men utvecklingen av detta projekt saktade ner och fick ingen vidare distribution.

1996 dök HTML version 3.2 upp. Det var ett lysande beslut, det räcker med att nämna att ramar introducerades i språkspecifikationen och nu är mycket populära bland webbutvecklare. Än idag stöder alla webbläsare denna version av HTML.

Den officiella HTML 4-specifikationen ( Dynamisk HTML) utvecklades 1997. Redan då var det självklart att vidareutvecklingen av hypertext skulle ske genom webbprogrammering. Detta visade sig vara mycket mer effektivt än att introducera nya element i språket.

Webbsidans struktur

Nedan finns koden för en webbsida som är gjord i HTML, och med den här sidan som exempel kommer vi att analysera dess struktur, men först kopierar du all kod till ett vanligt anteckningsblock och klickar på "Spara som" och sparar filen med html-tillägget, dvs. skriv .html efter namnet

Webbdokumentets struktur Hoppa till slutet av dokumentet<НR> <Н1>Rubrik 1 <Н2>Rubrik 2 <НЗ>Rubrik 3 <Н4>Rubrik 4 <Н5>Rubrik 5 <Н6>Rubrik 6 <НR>Här ligger första länken<а name ="list2"> <НR> <р>Bör ligga här
huvudtexten på webbsidan.
Och jag kommer till exempel att infoga här
flera överföringar,
så att du kan
observera visuellt,
hur fungerar det för dig
länkar i dokumentet
men om du har en hög upplösning,
Du kommer bara inte att märka övergången på länkarna
<НR> <а name="list1"

Gå till<а href ="#list">Början av dokumentet

För att förstå strukturen på en webbsida är det nödvändigt att överväga alla dess element som ingår i ovanstående kod.

< html>

Dokumentbeteckning i HTML. En av principerna för språket är flernivåkapsling av element. Detta element är det yttersta elementet eftersom hela webbsidan måste vara mellan dess start- och sluttaggar. Enligt idén kan detta element betraktas som en formalitet. Den har version, lang och dir-attribut, som sällan används i det här fallet, och tillåter kapsling av HEAD, BODY FRAMESET och andra element som definierar webbsidans övergripande struktur. Naturligtvis slutbrickan alla sådana dokument avslutas.

< huvud>

Rubrikområdet på webbsidan. Med andra ord, dess första del. Precis som det föregående elementet tjänar HEAD endast till att bilda dokumentets allmänna struktur. Detta element kan ha attributen lang och dir.

< titel>

Ett element för att placera webbsidans titel. Textraden som finns inuti detta element visas inte i dokumentet, utan i namnlisten i webbläsarfönstret. Detta element påverkar i hög grad marknadsföringen i sökmotorn. sökmotorer ägnar särskild uppmärksamhet åt TITLE-taggen. Mitt råd: gör aldrig en väldigt lång text i den här taggen ( 65 tecken räcker).

<МЕТА>

Detta element innehåller tjänstinformation som inte visas när du tittar på en webbsida. Inuti den finns ingen text i vanlig mening, så det finns ingen sluttagg. Varje META-element innehåller två huvudattribut, varav det första definierar datatypen och det andra definierar innehållet.

< kropp>

Detta element innehåller hypertext som definierar den faktiska webbsidan. Detta är den synliga delen av dokumentet som sidan utvecklar automatiskt och som visas av webbläsaren. Följaktligen bör sluttaggen för detta element letas efter i slutet av webbsidan. Inuti BODY-elementet kan du använda alla element för att designa en webbsida. Inuti starttaggen för BODY-elementet kan du placera många attribut som tjänar till att ställa in hela sidan. Låt oss överväga dem i ordning.

En av de mest användbara attributen för denna tagg, som har en inverkan på siddesignen, är

background="sökväg till bakgrundsfil"

En enklare bakgrundsdesign handlar om att ställa in dess färg

bgcolor="#FFFFFF"

Bakgrundsfärgen anges av tre tvåsiffriga hexadecimala tal som definierar intensiteten för rött, grönt och blått (rbg).

Eftersom du kan ändra bakgrunden på sidan kan du också ändra färgen på texten. Detta har följande attribut

text="#RRGGBB"

Följande attribut används för att ställa in textfärgen för hyperlänkar.

länk="#RRGGBB"

Du kan också ange en färgändring för den senast valda hyperlänken av användaren

<Н1>

Rubrikelement. Det finns sex nivåer av rubriker, som betecknas enligt följande.
<Н1>rubrik
<Н2>rubrik
<Н3>rubrik
<Н4>rubrik
<Н5>rubrik
<Н6>rubrik

Nivå 1 rubrik är den största och nivå 6 ger den minsta rubriken. För rubriker kan du använda ett attribut som ställer in justeringen till vänster, mitten eller höger:

align="left" align="center" align="right"

Taggen används för att skapa ett nytt stycke.

Och för att flytta till en ny rad utan att skapa ett stycke - tagg
dvs det finns en överföring. Dessa taggar behöver inte stängas. Naturligtvis, om du inte använder i taggen

Elementet ALIGN, som kan ställa in styckejustering:

Vänster

Centrerad

Höger

Texten mellan dessa element är motiverad.

<НR>

Vågrät linje ( horisontell regel) är ett mycket vanligt inslag. För det första eftersom det med hjälp av den är väldigt enkelt och bekvämt att dela upp sidan i delar. För det andra, eftersom författaren till sidan har väldigt lite val av sådana designelement. Elementet har ingen sluttagg, men har ett antal attribut för att justera vänster, centrera, höger, justerad:

• align="vänster"
• align="center"
• align="right"
• align="justify"

<а name="метка">Fri text

I det här fallet får den här raden i dokumentet ett namn, och därför kan en annan del av dokumentet, eller till och med ett annat dokument, hyperlänkas till den etiketten.

För att infoga bilder ( bilder) i ett HTML-dokument används följande tagg ( ger en fullständig beskrivning av attributen för denna tagg):

Listor

(list) utvecklades i HTML, utan tvekan påverkad av framgången för textredigerare. Listan skiljer sig från vanlig text, först och främst genom att användaren inte behöver tänka på numreringen av dess objekt: HTML tar på sig denna uppgift. Om listan kompletteras med nya poster eller förkortas fortsätter numreringen automatiskt. När det gäller oordnade listor, prefix HTML varje objekt med cirklar, rektanglar, diamanter och andra bilder. I slutändan tar listan en anständig form. Det finns två grupper av sådana taggar: en definierar listans allmänna utseende ( och låter dig ange attribut), medan andra definierar dess interna struktur. Listor kan använda standardattribut. Det finns flera typer av listor.

Det vanligaste är en oordnad lista ( oordnad lista). Den presenteras nedan:

• Punkt 1 i listan
• Punkt 2 i listan
• Punkt 3 i listan

ul-elementet är ett slags urval av listan. Det låter dig separera en lista från en annan. Li-elementet står för vart och ett av objekten.

tabeller

De är ett av de mest nödvändiga sätten att formatera data på en webbsida. Den främsta bekvämligheten är att webbläsaren tar över ritningen av hela tabellen. Storleken på ramen kan anpassas automatiskt till storleken på webbläsarens visningsport och, naturligtvis, till storleken på textraderna och figurerna i tabellens celler. Med tabeller kan du bland annat lösa många designproblem: justera delar av sidan i förhållande till varandra, placera bilder och text sida vid sida, kontrollera färgdesign och så vidare. När man skapar tabeller tillämpas kapslingsprincipen: inuti tabellens huvudelement (TABELL) skapas ett antal element som definierar rader (TR), och inuti dessa element finns element för att beskriva varje cell i raden (TD) TH).

För att förstå strukturen i en befintlig tabell eller utveckla en ny tabell finns det en regel att sekvensen av element beskriver tabellen uppifrån och ner och från höger till vänster. Till exempel, om ett TR-element anges efter TABLE-elementet, indikerar detta att beskrivningen av en ny tabellrad börjar. Allt efter detta element kommer att placeras på en rad (från höger till vänster). Det kan vara en sekvens av TD-element ( celler), en annan tabell och så vidare. Efter att ett nytt TR-element har dykt upp kommer beskrivningen av nästa rad att börja, och så vidare till slutet av tabellen (tagg).
En tabell kan justeras horisontellt med hjälp av align-attributet:

• align="left" - left;
• align="center" - centrerad;
• align="right" - till höger.

Tabellbredden kan ställas in exakt i pixlar eller som en procentandel av sidbredden i webbläsarfönstret. Till exempel: bredd=400 eller bredd=50 %

Två attribut används för att styra ramens utseende. Faktum är att webbläsaren skapar en bild av ramen, simulerar dess tredimensionalitet ( konvex) med hjälp av skillnaden i belysningen av ansikten

Scenarier

Nästan alla webbansvariga vill att deras sidor på sajten ska ha ett modernt utseende, vara multifunktionella, vackra och dynamiska. Detta är inte möjligt med vanliga HTML-verktyg, så olika verktyg används: appletar, objekt, överlappande stilmallar och så vidare. Men den mest populära och utbredda typen ( reception) är användningen av skript.

Ett script är en programkod som ingår i texten på en sida som källkod och exekveras av webbläsaren när sidan visas. Skriptet kan skrivas i Netscapes JavaScript-språk eller i Visual Basic Script ( VBScript) utvecklad av Microsoft.

Den här taggen låter dig separera texten i skriptprogrammet från annan information på sidan. SCRIPT-taggen måste innehålla språkattributet, som definierar språket och kan ha följande värden:

• javascript - JavaScript-kod;
• vbscript - VBScript-kod.

Typeattributet kan också indikera en språktyp, även om dess användning är valfri. För att inte bryta mot alla regler kan du lägga in följande definition i elementet:

type="text/javascript"

En av de coolaste funktionerna med skript är möjligheten att ändra innehållet på en sida som ett resultat av programkörning. Men detta är bara en funktion, inte en regel. Defer-attributet (som inte har något värde) kan användas för att "berätta" för webbläsaren att inga sådana ändringar kommer att göras. I vissa fall kan du påskynda sidladdningen.

Av standardattributen kan du använda charset-attributet.

Skripttagg ( eller ett antal sådana element) kan placeras antingen inuti ett HEAD-element eller inuti ett BODY-element. Om skriptet finns inuti BODY-elementet är det också möjligt att någon webbläsare som inte stöder SCRIPT-elementet kommer att uppfatta programkoden som vanlig text och visa den på skärmen. För att förhindra att detta händer skrivs skriptkoden in som en kommentar:

-
-
-

Alla moderna webbläsare känner igen detta trick och ignorerar kommentarstecken. Om du behöver ange en kommentar i skriptets text, används en annan notation för detta: två snedstreck // anges i början av raden.
Skriptkoden exekveras när sidan laddas, d.v.s. medan innehållet fortfarande är synligt på skärmen. Nedan är ett exempel på ett enkelt skript ( visar ett meddelande i ett fönster).

-
-
-
-
-
-
-
-

Det här är en enkel sida, men den innehåller ett enradsskript. Varningsmetoden visar ett meddelande före laddning. Och det kommer att hänga tills användaren klickar på OK-knappen, nedladdningen fortsätter.
Det kan finnas ett fall, till exempel att sidan kommer att visas i en webbläsare som inte stöder skript, för detta tillhandahålls NOSCRIPT-elementet. Moderna tittare ignorerar dess innehåll. Detta element kan användas på flera sätt. Till att börja med kan du visa en sådan här annons i den: Din webbläsare kan inte köra det skript som krävs för att se denna webbsida!» För det andra, inuti elementet kan du utveckla en förenklad version av sidan, utan skript. För det tredje kan du skapa en länk till ett annat HTML-dokument. NOSCRIPT-elementet måste ha en sluttagg.

Här är vi med dig och undersökte grunderna i ett sådant WEB-programmeringsspråk som HTML. Även efter att ha läst den här korta artikeln har du redan en idé och till och med möjligheten att programmera på detta språk. Lycka till!

Föreläsning 2. GrunderHTML. MöjligheterHTML5.

1. Historien om utvecklingen av html-språket

1989 föreslog Tim Berners-Lee ledningen för International Center for High Energy (CERN) ett projekt för ett distribuerat hypertextsystem, som han kallade World Wide Web (WWW), World Wide Web. Från början var tanken med systemet att förena hela uppsättningen av CERN-informationsresurser till ett enda informationssystem med hjälp av ett hypertextnavigeringssystem.

En av komponenterna i tekniken för att skapa ett distribuerat hypertextsystem World Wide Web var hypertextmarkeringsspråket. HTML (hypertextpåläggspråkär ett hypertextmarkeringsspråk för dokument), utvecklat av Tim Berners-Lee baserat på standardmarkeringsspråket för tryckta dokument - SGML (Standard Generalized Markup Language, standard generalized markup language). Daniel W. Connolly skrev Document Type Definition för det, en formell beskrivning av HTML-syntax i termer av SGML.

HTML-utvecklare kunde lösa två problem:

ge designers av hypertextdatabaser ett enkelt sätt att skapa dokument;

att göra detta verktyg tillräckligt kraftfullt för att återspegla den nuvarande förståelsen av användargränssnittet för hypertextdatabaser.

Den första uppgiften löstes genom att välja en taggmodell för dokumentbeskrivning. Denna modell används ofta i system för att förbereda dokument för utskrift.

HTML-språket låter dig markera ett elektroniskt dokument som visas på skärmen med en utskriftsnivå; det resulterande dokumentet kan innehålla en mängd olika etiketter, illustrationer, ljud- och videoklipp och så vidare. Språket innehåller avancerade verktyg för att skapa olika nivåer av rubriker, teckensnittsval, olika listor, tabeller och mycket mer.

Den andra viktiga punkten som påverkade HTMLs öde var att en vanlig textfil valdes som grund.

En hypertextdatabas i WWW-konceptet är alltså en uppsättning textfiler markerade i HTML, som bestämmer formen för informationspresentation (uppmärkning) och strukturen på länkarna mellan dessa filer och andra informationsresurser (hypertextlänkar). Hypertextlänkar som upprättar länkar mellan textdokument började gradvis förena en mängd olika informationsresurser, inklusive ljud och video; som ett resultat uppstod ett nytt koncept - hypermedia.

Detta tillvägagångssätt förutsätter närvaron av en annan komponent i tekniken - språktolken. På World Wide Web är tolkens funktioner uppdelade mellan hypertextdatabasens webbserver och användargränssnittet. Servern tillhandahåller, förutom att komma åt dokument och bearbeta hypertextlänkar, förbearbetning av dokument, medan användargränssnittet tolkar språkkonstruktioner relaterade till presentationen av information.

versioner

HTML 4.01 (ändringar och mer betydelsefulla än det verkar vid första anblicken) - 24 december 1999;

ISO/IEC 15445:2000 (alias ISO HTML, baserat på HTML 4.01 Strict) – 15 maj 2000.

HTML 5 är under utveckling. Slutet av utvecklingen är planerad till 2014.

Det finns ingen officiell HTML 1.0-specifikation. Före 1995 fanns det många inofficiella HTML-standarder. För att göra standardversionen annorlunda än dem tilldelades den omedelbart ett andra nummer.

Version 3 föreslogs av World Wide Web Consortium (W3C) i mars 1995 och gav många nya funktioner som att skapa tabeller, slå in bilder med text och visa komplexa matematiska formler, stöd för gif-formatet. Även om denna standard var kompatibel med den andra versionen var implementeringen svår för den tidens webbläsare. Version 3.1 föreslogs aldrig officiellt, och nästa version av HTML-standarden var 3.2, som utelämnade många av 3.0-innovationerna men lade till icke-standardiserade element som stöds av webbläsarna Netscape Navigator och Mosaic.

I version HTML 4.0 skedde en del "rensning" av standarden. Många objekt har markerats som föråldrade och utfasade. utfasad). I synnerhet har teckensnittselementet som används för att ändra teckensnittsegenskaper markerats som föråldrat (CSS-formatmallar rekommenderas istället).

1998 började World Wide Web Consortium arbetet med ett nytt märkningsspråk baserat på HTML 4 men som överensstämde med XML-syntaxen. Därefter kallades det nya språket XHTML. Den första versionen av XHTML 1.0 godkändes som en World Wide Web Consortium-rekommendation den 26 januari 2000.

Den planerade versionen av XHTML 2.0 var tänkt att bryta kompatibiliteten med äldre versioner av HTML och XHTML, men den 2 juli 2009 meddelade World Wide Web Consortium att XHTML2 Working Group skulle upphöra att gälla i slutet av 2009. Därmed avbröts all vidareutveckling av XHTML 2.0-standarden.

HTML version 5 utvecklas för närvarande av World Wide Web Consortium. Ett utkast till språkspecifikationen dök upp på Internet den 20 november 2007.

Jag börjar nog från början.

HTML är inte ett programmeringsspråk i sin kärna, det är ett märkningsspråk för hypertextdokument. Med andra ord, han är ansvarig för placeringen i dokumentet av dina texter, figurer, tabeller .. avsedda för livet på Internet. Det är omöjligt att tvinga honom att beräkna hur många två gånger två kommer att vara, det finns inga logiska funktioner i det, men det är vackert och, viktigast av allt, det är lätt att lägga ut information om att två gånger två kommer att vara fyra är lätt. Detta språk läses med hjälp av program som du känner till, kallade webbläsare (webbläsare), som "kan" standardkommandona för html-språket, och "tuggar" dem visa dokument på datorskärmen i den form som webbmastern vill ha att presentera dem - dokumentets utarbetare.

Nu om kommandon - de kallas deskriptorer, men oftare - taggar.

Låt oss gå tillbaka till vår första sida... så vi skrev:

Hej världen!!!

Så här är vad som står mellan<…>- de kallas taggar; de är inte synliga för läsaren som har tittat på din sida, men de är tydligt synliga för webbläsaren som, efter att ha snubblat på taggen förstår det som en signal att det ytterligare kommer ett dokument som behöver läsas och visas på monitorn i önskad form.. och här är taggen säger att dokumentet är avslutat och inget mer krävs av honom, det vill säga webbläsaren, och han kan vila med gott samvete.

Så vad skrev vi? Och hur läser webbläsaren det?

Webbläsarens tankar:

Så här läses vår sida ungefär.. Som ni ser är webbläsaren en ganska egensinnig typ, så den behöver ge tydliga och precisa kommandon, annars kommer den att bråka.. och högt.. och kom därför ihåg följande saker :

1) Det är nödvändigt att komma ihåg en gång för alla att om det finns en öppningsbricka <…> då måste det bli en stängning

Även om det finns undantag, som vår tagg
- det kräver inte stängning eftersom det bara står att man ska skriva från en ny rad. Förresten, prova att lägga till ett par tre av samma före raden "Mitt namn är .." och du kommer att se att som ett resultat av det gick det märkbart ner .. (Jo, naturligtvis, spara ändringarna i anteckningsblocket, och klicka på "uppdatera"-knappen i webbläsaren)

2) Alla dokument måste ha denna kodmall:

Dessa taggar är obligatoriska! Du måste alltid skriva dem för varje ny sida, och endast i denna ordning! Försök inte vända upp och ner på allt.

3) Om beställning:

Öppnande och stängande tagg efter typ<…> är en slags behållare, en ruta där andra taggar kan läggas till - mindre rutor .. därför, enligt logiken, bör dokumentet se ut så här:

Om du till exempel skriver så här:

<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
innehåll

Det kommer att visa sig vara skräp som inte passar i huvudet, det "stora" är redan stängt och det "små" "sticker ut" ur det, som är låst i "mediet" och "innehållet" är utspridda överallt .. Det är svårt även för en person att föreställa sig vad som redan finns där prata om webbläsaren .. Strukturera tydligt koden på din sida, annars kommer ingenting att fungera ..

Jo, vi har lärt oss hur man skriver en enkel text, en start har gjorts! I nästa kapitel kommer jag att prata om vad som kan göras med det..

När du skriver en webbplats, skapa en mapp på valfri plats på din hårddisk, namnge den vad du vill, så länge det är tydligt .. spara dina sidor i den här mappen, ge dem meningsfulla namn .. alternativ som aaa.html, 123.html kommer att leda till förvirring och förvirring ... I det här skedet kommer detta råd inte att verka vettigt, men i framtiden kommer det att avsevärt underlätta ditt arbete. Föreställ dig till exempel minst 20-30 sådana filer vars namn du måste tänka på för att länka dem med korsreferenser. Beställ först!

När du skriver kod råder jag dig att följa ett "bra sätt att skriva", det vill säga skriv taggar i en "stege" eftersom en tagg är kapslad i en annan. Med tiden kommer du att förstå vad du ska läsa koden skriven så här:






Hej världen!!!

Jag heter Carlson, det här är min första sida!





Mycket enklare än så här:






Hej världen!!!

Jag heter Carlson, det här är min första sida!





Och ännu mer än så här:

Hej världen!!!
Jag heter Carlson, det här är min första sida!

Även om detta är en vanesak .. är det ändå bättre att vänja sig vid att skriva "läsligt".

Med tillkomsten av datornätverk, och i ännu högre grad World Wide Web, blev det nödvändigt att överföra information till olika plattformar. När allt kommer omkring är det nödvändigt att alla delar av dokumentet på alla datorer, oavsett vilket system som används, visas på samma sätt. För detta används ett speciellt språk - HTML. Användningen av detta sidbeskrivningsspråk användes först för att visa vetenskaplig information vid European Centre for Nuclear Research (Geneve), och användes för att kunna visa information för alla datorer i ett lokalt nätverk. Idag är HTML en integrerad del av de flesta program, och framför allt - för att visa webbsidor. Faktum är att alla användare av det globala nätverket som besöker en webbplats använder HTML. All information som användaren kan se i webbläsarfönstret beskrivs genom HTML, och själva webbläsarna är specialiserade program för att arbeta med HTML-språket.

Vad är HTML?

Det är omöjligt att helt kalla HTML för ett programmeringsspråk, även om många funktioner låter dig göra enkla applikationer direkt i kod. För att beskriva egenskaper hos element används deskriptorer (taggar), med hjälp av vilka elements storlek, position och speciella egenskaper föreskrivs, samt länkar till andra element i själva texten eller andra dokument. Hela kodkomplexet kallas hypertext, och förkortningen HTML står för Hyper Text Markup Language, som översatt till "stor och mäktig" betyder "hypertextmarkeringsspråk".

Särskild utveckling HTML mottogs tillsammans med utvecklingen av WWW (World Wide Web), eftersom det utvecklades som ett universellt språk för alla enheter, oavsett vilken utrustning som finns tillgänglig på dem. Användningen av språk gör det möjligt att visa information strukturellt och förenklar dess uppfattning. Jämfört med trycksaker kommer detta att motsvara spalter och sidor i en tidning. Rubriker, bilders position, tabeller - allt detta är nödvändigt för en strukturell presentation, eftersom det är mycket svårt att läsa en kontinuerlig uppsättning text.

De första versionerna av HTML var spridda och hade ingen bestämd enhet. Som ett resultat måste en viss enhetlig standard utvecklas. Detta gjordes 1995, och standarden formaliserades som den officiella HTML 2.0-versionen. Efter 2 år (1997) lades några funktioner till den. Det nya formatet kallades HTML 3.0 och föreslogs av W3C ( World Wide Web Consortium). Teoretiskt inkluderade det alla funktioner i 2.0, men vid den tiden var webbläsarnas möjligheter mycket begränsade, så full kompatibilitet fungerade inte. I slutet av 1997, efter att ha testat version 3.2 av språket, antogs en ny standard 4.0. I den avskaffades de gamla deskriptorerna, och nya dök upp, särskilt användningen av kaskadformatmallar ( css).

Grundläggande dokumentstruktur

De flesta moderna sidlayoutprogram, som t.ex dreamweaver Och Microsoft SharePoint Designer, skapa automatiskt den grundläggande strukturen för dokument, men för att korrekt läsa och skapa den själv måste du bekanta dig med enkla regler.

Dokumentuppmärkning utförs med taggar, vanligtvis parade (öppning och stängning). Taggarna är omgivna av vinkelparenteser och visas inte för användaren, men de håller strikt siduppmärkningen.

Ett HTML-dokument börjar och slutar med dokumentformattaggar.

<html>

Här är sidkoden

html>

Dokumenttaggen kan föregås av standarden enligt vilken innehållet kommer att visas (tagg DOKTYP).

Dokumentet skiljer mellan titeln, som läses av webbläsaren, men som inte visas i fönstret, och sidans brödtext, som faktiskt ses av användaren.

Titel definieras av taggar Och , och innehåller data för att formatera dokumentet. Rubriken innehåller även nedladdningsbara skript som krävs för att visa data. I taggar < titel> Och titel> sidans titel skrivs, vilket visas i fönstrets eller flikens titel.

Huvudsidans kod representeras med taggar Och

. Allt som skrivs mellan dem kommer att visas på skärmen, med undantag för element för vilka speciella värden är specificerade och själva taggarna för att formatera dokumentet.