Skaffa hemsida: HTML-grunder
I andra delen av vår artikelserie "Skapa hemsida" går vi igenom hur du börjar sakta men säkert koda din egna hemsida i en enkel texteditor.
Vad är HTML?
HTML är en förkortning av orden HyperText Markup Language. HTML är den grundläggande koden som används för en hemsida. Du kan dock inte få ut allt i en HTML-kod utan måste oftast kompliteras med t ex CSS för att få ut maximala funktionen i koderna.
Börja bygga en sida med HTML
När du ska bygga din hemsida behöver du en texteditor. I detta fall kommer vi använda Notepad (Anteckningar) som finns i Windows som standard. Det finns även WYSIWYG (What You See Is What You Get, På svenska: Vad du ser är vad du får) editorer som skriver koden åt dig i programmet ett av dom är Frontpage. Även om du använder en WYSIWYG editor är det viktigt att du har grundkunskaper om HTML som du kommer lära dig i denna guide. Anledningen till varför du behöver grundkunskaper även om du använder en WYSIWYG editor är att t ex om du vill lägga till ett javascript som t ex förhindrar högerklick behöver du veta inom vilken tag du ska sätta koden.
HTML används i taggar
Denna del av HTML-dokumentet är ''osynlig'', information här under ger information till din webbläsare,sökmotorer,osv. Inget som du skriver här syns på din sida som text.
Din hemsidas titel. Allt som skrivs under Body syns i Webbläsaren, det är som hemsidans kropp.
**STEG 1. - GRUNDERNA
**
Att skriva HTML och visa på din webbplats/i en webbläsare.
Skriv in koden i bilden nedan i ett nytt textdokument i Notepad (Anteckningar). Var noga med att skriva exakt alla tecken!
Spara din sida med namnet: min_sida.html
Starta sedan din webbläsare och öppna ditt HTML-dokument. Tryck CTRL + O och bläddra dig fram till ditt dokument: min_sida.html
Grattis! Du har nu skapat din första sida!
**STEG 2. - TEXTFORMATERING
**
Nu ska du lära dig att formatera hur din text ska se ut det finns flera olika alternativ, här kommer några exempel:
h1:
Din text
h2:
Din text
h3:
Din text
För den vanliga texten behöver du bara avsluta föregående koder ordentligt. Alltså inte glömma tex: efter du skrivit din text inom taggarna.
Såhär ser det ut i själva HTML-koden när jag kodat ihop det som i bilden ovan.
Ursäkta att min mus satt precis vid
Nu har vi gått igenom grunderna för HTML, tredjedelen kommer handla om: Färger & Teckensnitt.
Nu är andra delen av Skaffa hemsida artikelserien ute. Inom kort kommer även Färger & Teckensnitt, längre fram planerar vi CSS.
Intressant artikel
Mvh Ida
www.krusfoto.se
Ännu en superbra artikel Har du skrivit allt ur eget huvud eller har du använt några källor?
_**/Mvh Anne
**~Sajtvärd på Blandrashundar ~Medarbetare på Support
_Hundägare i Norrbotten? Välkommen till oss på Hundhuset!
#3 Jag har skrivit allt ur eget huvud!
Tack så mycket!
Kan tillägga också att Ida även har skrivit lite i denna artikel, dock mest jag.