Datorer, Programmering
HTML: Grunderna för nybörjare
HTML är hypertext markup språk som gjorde Internet så vi vet det och älskar det. Det är tack vare det här underbara verktyget att platserna ser vackert och modernt ut, och ger också bekvämlighet för deras användning. HTML-språket komponerar helt enkelt elementen på webbsidan till ett användarvänligt alternativ. Hans arbete är jämförbart med vilka textredigerare som MS Word eller OpenOffice gör. De gör en ansiktslös massa av bokstäver till ett dokument där det finns stycken, fet text, kursiv, tabeller och jämn bild. Om samma sak gör HTML-språket, med den enda skillnaden att dokumenten visas i webbläsaren, och det här verktyget är mycket bredare än i textredigeraren. För markering används taggar - speciella kommandon som beskriver strukturen på en webbsida. De är inneslutna i vinkelkonsoler -
Visuella redaktörer
Nybörjare, som just har lagt sig på vägen för att lära sig HTML, börjar ofta sitt arbete med program som låter dig skapa webbplatser utan kunskap. I dem kan du helt enkelt ordna objekten på skärmen som de kommer att visas i webbläsaren. Det verkar, här är det - en källa till evig nåd, som gör det möjligt att bli av med de flesta webbutvecklare. Men inte allt är så enkelt, eftersom visuella redaktörer har många brister som gör det omöjligt att använda dem i allvarliga projekt.
Alla dessa program skapar många onödiga taggar som gör den sista sidversionen besvärlig och suboptimal. Naturligtvis är det i vår tid med höghastighetsinternet detta mindre viktigt än tidigare men det finns ett antal anledningar till varför en kortfattad och kompetent skriftlig webbplats är mer praktisk än dess motpart skapad i en visuell redaktör. En webbsida gjord i ett sådant program kommer att hanteras dåligt av sökrobotar, eftersom varje kilobyte kod är viktig för dem, och en omständlig och illogisk kod med en massa semantiska fel kommer knappast att behöva smaka på dem. Dessutom går redaktörerna ofta bakom tiden, blir irrelevanta, och det är inte tillrådligt att spendera resurser på deras utveckling, eftersom ingen professionell använder dessa produkter. Därför måste alla som vill arbeta med att skapa webbplatser, känna till grunderna i HTML.
taggar
Som nämnts ovan beskriver etiketterna strukturen på webbsidan i webbläsaren. De flesta av dem har en öppnings- och stängningskod, men inte alla. Till exempel
Det finns också enstaka taggar som inte behöver stängas. I dem är innehållet inuti, liksom attributen. Ett attribut kan registreras för de flesta HTML-taggar och anger egenskaper för ett element. Det anges i öppningsetiketten och ser något ut så här: attribut = "...", där istället för poäng finns ett attributvärde. Kunskap om taggar är det första och viktigaste steget för att mastera HTML. Grunderna i den här tekniken innebär också att man förstår strukturen på en webbsida.
Dokumentstruktur
Varje HTML-dokument har en motsvarande förlängning, till exempel Index.html. Så kan webbläsaren förstå vad det handlar om och visa sidan korrekt. Alla filer som används för att skapa webbplatsen är önskvärt att lagra i en katalog, som i framtiden kommer att underlätta ditt liv mycket. Grunderna för HTML-hypertextmarkup-språket innebär en tydlig förståelse för dokumentets struktur. Det börjar med taggen som visar webbläsaren den version av HTML som används i det här dokumentet. För närvarande är den femte versionen av språket relevant, så det finns inget att uppfinna, du kan säkert infoga ovanstående tagga längst upp på en sida.
Sedan finns det de viktigaste parade strukturerna som utgör "skelett" på webbplatsen. Den första taggen, där resten är inbäddad - ... html>. Allt utanför det känns inte av webbläsaren som en webbsida, så att den öppnar dokumentet och stänger den. Den här taggen krävs för något dokument. Det innehåller också några fler obligatoriska taggar, som kommer att diskuteras nedan.
Head
Innehållet i
... head> -koden innehåller teknisk information som inte kommer att visas på sidan, men ändå är en viktig del av HTML-dokumentet. Grunden för webbplatsen läggs på denna plats, här väljs kodningen och namnet på sidan anges. Den finns i den obligatoriskalänk
Kunskap om grunderna i HTML innefattar också användandet av kaskad design stilar, eller css. De ställer in egenskaperna hos de element som kommer att visas på sidan. Ett modernt tillvägagångssätt för denna uppgift innebär att egenskaper som färg, höjd och plats för elementet, till en extern fil för större bekvämlighet. -taggen används för att ansluta css-filen. I den färdiga formen ser det ut så här: , där href indikerar På platsen för filen, och skriv - på dess typ.
Body
Det är i den här delen av HTML-dokumentet att den synliga delen av sidan skapas. Allt som görs inom "kroppen" kommer att visas av webbläsaren. I
-
- Används för att välja den substring som den speciella stilen som beskrivs i css ska gälla. - - skapar en länk till en webbsida Hoppadressen anges av href-attributet;
- - en av de mest populära taggarna av vår tid; Alla som bestämde sig för att lära sig grunderna i HTMLl bör ägna särskild uppmärksamhet åt det, eftersom det är ett blockbaserat element baserat på vilken lejonens andel av moderna webbplatser görs (parametrar förblock är inställda i css och andra block kan placeras inuti denna tagg);
- väljer ett stycke från texten Innehållet i stycket är mellan öppnings- och stängningskoderna.
- - numrerad lista, vars element är bifogade i paret
- -taggen;
-
- är en punktlista där såväl som i den numrerade listan betecknas elementen med
- -taggen;
-
-
- rubriker i dokumentet (numret anger huvudnivån, det vill säga
är huvudrubriken och de efterföljande versionerna är dess underrubriker, förresten är rubrikerna för nivåerna
,
nästan omöjliga att träffas på Internet) , Det är också viktigt att komma ihåg att det bara finns en
rubrik på sidan.
-
- fet text; - - kursiv;
-
- infogar en bild på en webbsida (det här är en enda tagg, det behöver inte en stängningskod, men det är nödvändigt att ange alt attributet som anger texten för bilden);
Det här är inte alla taggar som behövs för att skapa en egen webbsida, men de är tillräckliga för att lägga grunden till HTML för nybörjare.
CSS
Utvecklingen av HTML-språket har lett till det faktum att varje tagg har fått många attribut, och kraven på utseendet på webbsidor har ökat avsevärt. Koden blev besvärlig och obekvämt, det var svårt att läsa det, inte det som man skulle anpassa eller ändra. Dessutom, om det finns tio sidor på din webbplats som har många rubriker markerade i grönt, och du vill plötsligt göra dem röda, måste du svettas och byta vardera manuellt. Med tillkomsten av kaskad stilark har denna process blivit enkel och logisk, och HTML-koden har blivit mycket mer läsbar.
Använda CSS
För att skapa webbsidor behöver du veta grunderna i HTML och CSS, eftersom det inte finns något att göra på denna sfär utan att ha kännedom om kaskad stilark. De anger attributen för ett element som gäller hela dokumentet. Således kan du ställa in färgen på en gång för alla
För att ansluta css-filen till dokumentet finns en länktagg. Lite ovan beskrivs principen för dess användning, men det är inte det enda alternativet som kombinerar alla stilar på ett ställe. Det finns också en