Börjar HTML (5 / 5 steg)

Steg 5: Bädda in videoklipp



Nu vi kommer att lägga till mer väsentliga komponenter till din webbplats. Vem gillar bilder och text? Säker på att det är bra, men efter ett tag får det är tråkigt. Låt oss lägga videor! Jag kommer att visa dig hur till bädda in från YouTube. Lyckligtvis, YouTube har en fantastisk tjänst så att du kan kopiera och klistra in en video rätt i din webbsida, så här:

Hitta en video som du.
Christina Grimmie lagt upp sin version av Stilla natt? Aldrig! Åh, just. När du hittar en video du, bara klicka på den och gå sedan till nästa steg ner under denna man.

Kopiera inbäddningskoden.
Det blir en "Dela"-knappen på undersidan videon (för den nya YouTube). Att klicka på knappen där det står "Bädda in". Kopiera koden, nu gå tillbaka till din HTML-sida och klistra in den i kroppen.

Tja, vill du titta på det? Det finns en stor video inuti din webbsida nu! Hur awesome är det? Hittills har du inbäddade videoklipp, Uppladdad bilder, hämtade programvaran och gjorde texten kommer till liv i en .txt -fil konverteras till HTML. Ser ut som vi har täckande grunderna! Vill fortsätta detta äventyr? Jag kommer att lägga en del 2 HTML någon gång, måttlig HTML.

Se dig nästa Instructable!

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...