Detta kort genomgång kommer att vägleda dig genom processen att skapa din första hemsida.
Vad är HTML, och vad behöver jag?
För att skapa ett HTML-dokument du måste förstå att HTML är det språk som används i nätet. Det är ett enkelt men samhällsomfattande pålägg uttryck som ger webbutvecklare och designers förmåga att skapa komplexa sidor text som förvandlas till bilder, stilar, och värdefullt innehåll som kan ses av en person som använder någon typ av dator eller webbläsare på webben.
Några av er kanske har hört att du behöver någon form av särskild programvara för att publicera en egen HTML-sida, men det är en uppenbart felaktig uppgift.
Här är liten lista med alla verktyg du behöver:
-En ordbehandlare (t.ex. SimpleText, BBEdit, Anteckningar eller Microsoft Word)
-En enkel praktiska kunskaper i HTML. (Lyckligtvis HTML är lätt och roligt att lära!)
Japp! Det var det! Dessa är alla verktyg du behöver redan nu, sa ju att det var liten lista.
Tags
H yper T ext M ARK-upp-L anguage mestadels består av flera taggar som är inbäddade i ett enkelt textdokument. De är verkligen bara dolda bakom kulisserna, som kontrollerar det mesta av vad den kan du visa, och vad den vill du visa på de angivna tiden. Hm, typ av påminner mig om föräldrakontroll-funktionen på tv lite.
HTML-taggar i hög grad tar hänsyn till förekomsten av det engelska språket. Eftersom de flesta av de taggar är ord (t.ex. blockquote) eller förkortningar (t.ex. "p" för punkt), men de är unikt är skild från vanlig text eftersom de är placerade i små Vinkelparenteserna (såsom dessa <>) . Därför är fet tagg skulle se ut <b>, och blockquote-taggen är <blockquote>.
Det finns vissa taggar som kommer att ha mest inflytande på hur sidan kommer att formateras (till exempel; <p> börjar en ny punkt, och <br> kan bryta den sista raden i punkt för att möjliggöra ett mellanslag) och andra differentiera hur orden förekommer (<i> gör texten kursiv). De flesta andra ger information - till exempel titel - som inte visas på själva sidan.
En mycket viktig sak du måste komma ihåg om taggar är att för varje tagg det finns en annan en ihopkopplad med det. Varje gång du använder en tagg - säga <br> - du måste också lägga till och stäng av det med en annan tagg - i detta fall, </ br>. Notera snedstreck - / - före taggen "br", det är det som håller i motsats sluttaggen från den inledande taggen.
En grundläggande HTML-sidan börjar alltid med taggen <html> och slutar med </ html>. I mellan, filen har två delar - huvudet och kroppen.
Sidhuvudet som omges av en <head> och </ head> taggar - innehåller information om din sida som inte kommer att vara synlig på sista sidan, till exempel titel. Kroppen omges av <body> och </ body> - är där den verkliga HTML sker. Varje sak som visas på sidan finns inom dessa taggar.
Nu över till HTML-dokument
Jag tror att vi är redo att börja skapa en enkel sida. Eller hur? Ok det första steget är naturligtvis att skapa ett nytt textdokument (kom ihåg, det ska sparas som "Endast text" eller "Plain Text" om du använder en ordbehandlare som amatör än, säg, SimpleText eller Anteckningar) och kalla den "anything.html" var "något" är, um, och i grund och botten någonting alls.
Din grundläggande dokument bör se ut ungefär så här:
<html> <head> <title> SimpleHelp.Net </ title> </ head> <body> <h1> HTML Basics </ h1> <p> Detta är en enkel artikeln för att hjälpa dig att skapa en fungerande HTML-sida på SimpleHelp.Net! </ p> <p> Enkel hjälpa om SimpleHelp.Net:) </ p> </ body> </ html>
Inom <head> taggar, vi har titeln "SimpleHelp.Net" som visas på bar överst i webbläsaren.
Inom body-taggarna, bör du ha allt som kommer att synas tydligt på sidan. Med vad vi har skrivit ovan kommer det att se ut ungefär så här:
HTML Grunderna
Detta är en enkel artikeln för att hjälpa dig att skapa en fungerande HTML-sida på SimpleHelp.Net.
Enkel hjälpa om SimpleHelp.Net
Som ni kanske gissat, <h1> är taggen för en rubrik (den största rubriken i själva verket jämfört med <h2>, <h3>, och så vidare) och <p>, naturligtvis, markerar början på en ny punkt. Varje punkt är stängda av en motsvarande </ p>-taggen. Som bör alla andra taggen vara stängda av deras korrespondent taggar som innehåller ett "/".
Betyder "HTML-Ing" verkar ganska enkelt? Väl gissa vad? Den är!
Varje sida har en källkod och detta kan med detta kan du visa alla webbsidor HTML-kod genom att öppna den via din webbläsare menyalternativ. Och bäst av allt, du behöver inte en egen hemsida till praxis! Du kan spara HTML-dokument på din lokala eller portabla enheter och sedan ha dem öppna med hjälp av den öppna alternativ under Arkiv-menyn i webbläsaren.
Jag önskar er alla lycka till som förhoppningsvis skall detta har hjälpt ett par oerfarna läsare skapa en HTML-sida och kanske till och med hjälpt uppdatera några av de mer mellanliggande utvecklare sinnen också.
Du får gärna kommentera!
3 comments… read them below or (3 kommentarer ... läsa dem nedan eller Lägg till en )
Du kan inte stänga en BR-tagg.
Också, någon vanlig textfil med html-tillägg är tillräckligt.
För att klargöra lite, det är sant ett br-taggen bör inte stängas eftersom det är en av de två befintliga taggar som automatisk stängning, den andra taggen taggen. I den här artikeln nedläggning av br taggen var bara ett exempel.
Ja detta är korrekt, någon vanlig textfil som sparas med filändelsen. Html är tillräckliga.
Tack Nicolas för din kommentar. Vi uppskattar att du ytterligare information.
De två automatisk stängning taggar är br och img-taggar.
Lämna en kommentar