I den här artikeln kommer du att lära dig hur du använder HTML för att skriva din första webbplats! Artikeln kommer att ge illustrativa exempel för en bättre förståelse. Låt oss omedelbart göra en reservation för att artikeln ursprungligen designades för dem som precis har börjat lära sig HTML. Dessutom lovar vi att i slutet av att läsa den här artikeln är du garanterad att skapa din första webbplats.
HTML står för HyperText Markup Language, det vill säga ett språk för att organisera text.
Till skillnad från programmeringsspråk (JavaScript, PHP, etc.) som använder skript för att utföra åtgärder på webbplatser, använder sekvenseringsspråket (HTML) taggar för att markera webbplatsinnehåll.
Låt oss börja lära oss HTML från början
Precis som engelska består av bokstäverna A, B, C, etc., så består HTML av speciella "bokstäver":,,
osv. Dessa märkliga "bokstäver" i HTML-språket kallas taggar av webbansvariga.
Följande är ett exempel på en HTML-tagg.
Taggar Skapa en understrykning runt kanterna på denna text.
HTML-taggar parade med CSS-språkstilar gör att du snabbt och effektivt kan skapa webbplatser.
Platsen för HTML bland andra språk
Som ni vet, en bra hemsidabyggd på minst 5 språk.
Modern webbplats är byggd på språk:
- HTML (struktur och ordning).
- CSS (stilinnehåll).
- JavaScript (webbläsaråtgärder).
- PHP (serveråtgärd).
- SQL (datalagring).
HTML är det huvudsakliga grundläggande språket som andra bygger på. Att lära sig HTML bör därför vara det första steget för alla som lär sig hur man bygger webbplatser på webben.
Tag
HTML-språket har förändrats under åren sedan starten. För tillfället går de flesta webbplatser över till den senaste versionen av språket - HTML5. Men även i HTML5 förblir grunderna i språket oförändrade.
Strukturen av en HTML-sida är som en smörgås. Precis som en smörgås har två brödskivor, har ett HTML-dokument en HTML-tagg som öppnar och stängs.
Dessa etiketter, som brödet i en smörgås, omger allt inuti.
Tag
När du fortsätter att lära dig HTML bör du definitivt bli bekant med taggen. Direkt inuti den överordnade taggen finns allt innehåll på webbplatsen, inklusive taggen. Den här taggen är obligatorisk och innehåller alla inställningar för webbplatssidan som den är skriven för. Dessa inställningar är inte synliga för webbplatsbesökare, bara webbläsare (Google Chrome, Mozilla Firefox, etc.) ser dem.
Inställningsblocket för webbsidan innehåller alla "icke-renderade" element som hjälper webbläsaren att visa din webbplats korrekt på webben.
Alla alternativ somkan konfigureras inuti taggen, vi ska titta på det, men lite senare - när det är dags.
Tag
Taggen, liksom taggen, finns inuti taggen.
Den här taggen behövs för att visa all information som du vill visa på din webbplats.
Rubriker, stycken, tabeller, bilder och länkar är bara en liten del av de element som kan finnas inuti taggen.
Grundläggande struktur för ett HTML-dokument:
… …
Din första webbplats
Nu vet du att du kan skapa webbplatser med HTML och att grundläggande taggar används för detta:
- . Skisserar gränserna för en webbsida.
- . Innehåller inställningar för att visa en webbsida i en webbläsare.
- . Innehåller alla webbsideselement (bilder, videor, text och så vidare) som du vill visa för webbplatsbesökare.
Andra taggar som,,, vi pratar om snart.
Det skulle vara fantastiskt om läsaren inte bara läste den här artikeln, utan också omedelbart sprang för att finslipa sina färdigheter. För att finslipa dina HTML-kunskaper måste du skapa din första webbplats, som kommer att fungera som en testplats för dina nya färdigheter.
Det är känt att mobiloperatörer ("MTS", "MegaFon" och så vidare) förser oss med mobiltjänster. På samma sätt tillhandahålls tjänster för att skapa och hantera webbplatser till oss av värdoperatörer. För att skapa din webbplats, gå till webbplatsen för en gratis värdoperatör.
Verifierade värdleverantörer inkluderar BEGET ellerreg, till exempel. Du kan välja vem som helst.
Efter en kort registrering, efter 24 timmar, skapas din första webbplats på Internet automatiskt, som kommer att vara synlig för hela världen, och du kan börja öva!
Modern webbplatsstruktur
Nu när du har din webbplats, kolla in vilka taggar en tagg innehåller och hur de organiserar information på webbplatser.
Bilden ovan är en schematisk representation av strukturen som följde med den senaste versionen av HTML-språket - HTML5. Tillsammans med HTML5 kom inte bara nya taggar, utan också innebörden av att bygga webbplatser. Alla taggar du ser på bilden finns i huvudtaggen. Dessa taggar hjälper dig att "skissera" strukturen på din webbplats och ge den mening.
Till exempel inuti taggar … det är bekvämt att placera webbplatsens titel (taggar) och webbplatsbeskrivning (taggar).
Det är bekvämt att placera menyn (länkar) för webbplatsen (taggen) inuti taggarna.
Det är bekvämt att placera ett stort block med information som har betydelse i taggarna. Det kan vara flera artiklar, som var och en är "lindad" i taggar, eller foton (tagg) eller tabeller (tags
) och mer.
Det är bekvämt att placera all information inuti taggarna som inte passar innebörden av.
Inuti taggarna är det vanligt att placera ytterligare information som kontaktinformation, ytterligare delar av webbplatsen och så vidare.
Så nu är du lite mer skicklig på vad moderna webbplatser är gjorda av. Låt oss ta ett exempelkaoset i mitt huvud ersattes av vördnad från insikt.
Så, när du öppnar filhanteraren på din värdoperatörs webbplats och hittar ett dokument som heter index.php, skriv gärna in strukturen på din webbplats, som från början.
Min första webbplats
Sidtitel
Sidbeskrivning
Länk 1 | Länk 2 | Länk 3
Titel på en artikel
Detta är ett block som innehåller all information, och med hjälp av CSS kan du färglägga detta block, och hela sajten med allt dess innehåll, som du vill. © Alla rättigheter reserverade
Kommer du ihåg att vi sa att det finns olika inställningar för webbplatsen? Tja, här är den:
- Vi visar webbläsare att webbplatsen kan innehålla både ryska och engelska tecken (annars när du öppnar webbplatsen kommer du att se fruktansvärda krakozyabry).
- används för att ange sidnamnet, som kommer att visas på webbläsarfliken och i sökmotorn ("Yandex", Google och liknande).
Självklart, utan CSS-styling, kommer din webbplats att se snål ut (svarta bokstäver på en vit bakgrund), men se till att försöka skriva din första sida i HTML först.
Grattis! Du har precis skapat din första webbsida på din egen webbplats! Det kommer att bli mer intressant!
