Börjar HTML (2 / 5 steg)

Steg 2: Lägga till bilder till din hemsida




Så, du har din första hemsida där! Snygg en, också. Känn dig fri att ändra vad rubriken och texten säger. Även lägga till mer om du vill. Jag antar en intetsägande "Hello World!" och lite text som frågat hur awesome jag är inte mycket intressant för dig. Förmodligen vill du lägga till bilder, rätt? Lyckan i; Du kan! Här är hur.

Hitta en bild du vill på internet. Om du vill använda din egen, ladda upp den till en foto delar tomt som Photobucket. När du har en bild som du gillar, högerklicka och välj "Kopiera bild URL..." (på Windows. Jag skulle inte vet om andra OS).
När du har kopierat bilden URL, lägga till detta i kroppen av din webbplats:

< img src = IMAGE URL går höger här >

Därav den stora bokstäver, du klistrar in en bild-URL i mitten där.
Tips: Om du sitter här undrar vad en URL är, typ i som är en URL! En webbadress.

Det är ganska mycket det. Jag kunde gå in i en diskussion om bildredigering om nu, men eftersom detta är en Instructable om HTML, kan inte jag göra det. Kanske i en separat Instructable.

Om allt gick rätt, bör din webbsida som den ovan. En bild av den. En annan sak som ofta händer, som ni också ser på bilden, är en "<' bredvid bilden. Om detta händer, bara ta bort den "<' från bredvid 'img src ='. Om din bild försvinner, konsultera en läkare.

Grattis, du är en början webbutvecklare! Dags att gå vidare till steg två!

Se Steg
Relaterade Ämnen

Enkel nybörjare HTML webbplats

Steg 1: Start Hej, finnybrueren här med en ny handledning om hur man gör en HTML-sida. Här är de enkla saker du behöver: laptop/dator som fungerar, anteckningar ansökan (i Linux är det Gedit), och en internet utrymme (försök www.webng.com) för att få...

HTML och CSS för nybörjare

Vad som är gemensamt mellan Instructables, Google, Facebook och de flesta andra webbplatser på internet? Tja, använder alla HTML och CSS för att definiera deras layout och gränssnitt. Dessa platser använder Javascript också, men vi kommer inte att an...

Cinema 4D för nybörjare: modellering en Die

Cinema 4D är en professionell 3D modellering och animation programvara. Denna handledning är avsedd för dem som har liten eller ingen erfarenhet av 3D-modellering med hjälp av Cinema 4D. Om du inte redan har Cinema 4D installerat på din dator, kan du...

Skapa ditt eget äventyr spel (HTML)

detta är en mycket mycket mycket grundläggande användning av HTML-programmering att göra a skapa ditt eget äventyrsspel. Jag är inte super kunnig i HTML. Om du ser detta och prova och vill nötkött upp ditt spel för att göra det mer visuellt awesome k...

HTML5 för nybörjare: 4 steg lärande Snabbguide

har du ett intresse i HTML5 och CSS3 webbutveckling? Är du en blivande Front-end webbutvecklare? Eller du startar en ny karriär inom webbutveckling? Om du svaret på någon av dessa ifrågasätter är ett stort "ja!" då vi välkomnar dig till vår älsk...

Raspberry Pi 3 modell B: Nybörjare Guide

En nyare version av Raspberry Pi, Raspberry Pi 3 modell B har nyligen släppts. Vad gör det skiljer sig från andra tidigare modeller är:En snabbare 64-bitars processor på 1,2 GHzInbyggt Bluetooth lågenergi (BLE)Inbyggd WiFiDu kan se fullständig beskri...

Web Designing grunderna (HTML och CSS)

jag lära mig HTML och CSS och jag snart kommer för att få certifierad i det också, och jag tänkte att det vore en bra idé att ge ut en handledning om hur man börja designa din egen hemsida med hjälp av HTML och en liten bit av CSS...HTML är en förkor...

Köpa används cyklar för nybörjare

(innehållet i detta Instructable dök upp i min nya blogg på http://biodieselhauling.blogspot.com/Min 40 Instructables abonnenter, och den som snubblar över detta och tycker om det, ska du ta en titt, som mycket av det jag skriver är inte helt rätt fö...

Att skapa Android Apps-för nybörjare

Om du äger en AndroidTM telefon eller tablett och du är sorteringen person som gillar att göra saker för sig (Varför annars skulle du titta på en Instructable?), har du förmodligen tänkt på att ta reda på hur man kan utveckla din egen apps en dag. Ka...

Grunderna i HTML och CSS kodning

Har du någonsin velat göra en egen hemsida, men de andra webbuilders är för dyrt? Ser längre en intro till HTML och CSS programmering och kodning.Steg 1: Konfigurera Varje HTML och CSS kodning sida börjar med detta tomma blad, kallas skelettet. Detta...

Färg sensorer och Arduino seriell kommunikation för nybörjare

Hej alla, jag ska prata om färg sensorer: hur man bygger och kalibrera en och hur man använder det med seriell kommunikation genom en Arduino ombord.Det sista steget förklarar hur jag använde detta projekt för en Gimp (står för "GNU Image Manipulatio...

Modellera för nybörjare

denna handledning kommer att lära dig de grundläggande kunskaper, material och verktyg du behöver för att starta modellering.Så låt oss börja det!!!Steg 1: modellering Modellering om att bygga skala repliker av verkliga eller sci-fi fordon som flygpl...

Enkel Javascript kodning i HTML-

Hej killar det är hård och idag jag ska visa dig några enkla och lätta lite JavaScript kodning. (inte Java)Steg 1: Att lära känna JavaScriptJavaScript är en hög nivå, dynamisk, typlösa och tolkat programspråk. Det har standardiserats i ECMAScript-spr...

Hur man spelar Lerstenshäll för nybörjare

Hearthstone är gratis, nytt och spännande online kortspel som är lätt tillgänglig på din dator eller smart telefon. Denna handledning riktar sig mer specifikt till nybörjare spelare.Låt oss komma igång.Steg 1: Ladda ner spelet För att ladda ner spele...

Scrapbooking för nybörjare.

Great! Du har beslutat att starta en klippbok. Alla människor börjar en klippbok av samma skäl, att fånga och vårda ovärderliga minnen. Vissa människor vill komma ihåg en speciell resa eller händelse, ge dem till andra som present, eller helt enkelt...

Hemgjord hund Klänning / tröja för nybörjare

Hi hund älskare!Vad bättre sätt att fira alla hjärtans dag än genom att dela det med din bästa vän? En gåva från hjärtat och gjord av dina egna händer är vägen att gå.Detta Instructable faktiskt kommer min första! Det är inte bara min första instruct...

Hur du skapar anpassade CSS3 Dropdown menyer: CSS rullgardinsmenyn tutorial för nybörjare

är du trött på ditt beroende av JavaScript? Eller är du en ny webbutvecklare som inte vill ta itu med en tredje programmeringsspråk tillsammans med HTML och CSS? Då behöver inte oroa dig längre eftersom sedan lanseringen av CSS3 du nu kan uppnå någon...

Seriell kommunikation mellan Arduino, HTML & Chrome

Arbeta med Arduino är lätt, men att skapa projekt som innebär att programvaran kräver mer kunskaper i programmering. Till skillnad från andra lösningar är mitt projekt sätt att skapa HTML offline app - utan saker som Yun, Ethernet shield eller Node.j...

Den kompletta Nybörjarguide till HTML

denna handledning är skriven från grunden för nybörjare till världen av programmering. Självklart om du är bekant med vissa programspråk kommer detta vara något lättare.Om du är ny till programmering får inte avskräckt. Jag själv försökt Python ett p...