DIY Product Grid voor uw Website (2 / 4 stap)

Stap 2: De HTML-code

Het is nu tijd om daadwerkelijk toont de galerij op de webpagina. Om dit te doen, plakken in de volgende code tussen de en tags in uw website HTML-document. De code is beschikbaar via [http://pastebin.com/nUhdXUat]. Nu uw algemene HTML-document ziet er zo uit:

Nu, we willen zien hoe dit eruitziet in een webbrowser. Maar wacht, de koppelingen naar de afbeeldingen [img src =...] zijn relatief. Vervangen alle van hen met een monster koppeling naar afbeelding, bijvoorbeeld [http://upload.wikimedia.org/wikipedia/commons/9/99...] zodat telkens het leest < img src = "http://upload.wikimedia.org/wikipedia/commons/9/99... >

Grote, nu open de webpagina in een webbrowser, dus nu kijkt het als dit:

Zie Stap

Gerelateerde Artikelen

DIY lamp schakelaar voor honden

Waarschijnlijk zult u weten dat ze, de staande lampen met een schakelaar op de verdieping die worden afgehandeld door de voeten. Nou, als je dacht het zou gemakkelijk zijn om ze te verwerken door iedereen dat, je hebt het verkeerd anyway! Dit gemakke

DIY Selfie Stick voor $3

Bezig met mijn eerste 365 Project (een jaar van dagelijkse zelfportretten), realiseer ik me dat een selfie-stick een nuttig hulpmiddel wellicht. Echter ik gewoon kan mezelf brengen om te kopen een: de verlegenheid en de vrees dat ik worden veel voor

DIY Power Bank voor Smatphone met USB DC 5V spanning Step-up Boost Module 0.9V

DIY Power Bank voor Smatphone met USB DC 0.9V naar 5V spanning Step-up Boost Module enTP4056 1A Li-Ion accu opladen Module, vak speelgoed cellen laptop 18650 en paar keer vakantie, doen het zeer eenvoudig en leuk werk en goedkoop, kunt u proberen doe

DIY: Startonderbreker hacken voor sleutels verloren of verwisseld ECU

DIY: startonderbrekerHacken voor sleutels verloren of verwisseld ECUHier is hoe te het herprogrammeren van uw auto motor Startonderbreker aan programma nieuwe sleutels in het bedenken van verloren sleutels of een vervangende ECU.DIY Video:Disclaimer:

Eenvoudig papier ambachten: How to Make mooie DIY Floral ambachtelijke voor decoratie

Het maken van gemakkelijk papier ambachten is een hobby die alle liefhebbers van het ambachtelijke in hun eerste dagen van crafting ontwikkelen. met mij geef deze keer, ik je de kans om te leren de eenvoudigste van eenvoudig papier ambachten! Leren h

DIY FPV bril voor IPhone 4/5S of Nokia Lumia (uit 2 dozen van Persil)

Koop een paar veiligheidsbril voor DIY, 2 vakken voor Persil wassen vloeistof (eventueel niet bio) 10 capsules, 1 Fresnel Lens en sommige zip-banden.http://www.eBay.co.uk/ITM/Clear-Safety-Goggles-GLA...http://groceries.Iceland.co.uk/Persil-bio-capsul

Filigraan Wall Decor: DIY prinses Frame voor wanddecoratie.

Quilling kunst thuis decoraties maken is soort, mijn favoriete tijdverdrijf. Er is geen andere manier dat ik voel me meer tevreden dan deze tijd van het maken van Quilling muur decoratie kunst. Maak deze geweldige Prinses filigraan Wall Decoridee en

DIY Haunted House voor Halloween

Deze tutorial is op hoe maak je een DIY Haunted House voor Halloween. Dit is slechts een voorbeeld van wat ik voor Halloween maakte. Hoewel, ik zal u de stappen, is het helemaal aan jou hoe je versieren en ontwerp het. Dit krijgt u tips en advies en

DIY Macro Len voor $2 in 2 minuten - met Video-instructie

dit staat bekend als de goedkoopste, manier DIY een macrolens voor minder dan 2 dollar, ik kocht onlangs een O2 zakje PC telefoon, echter dit model niet ten close-up beeld... het maakte me erg verdrietig. Wanneer ik een onderzoek doen, ik heb ontdekt

DIY Spinning Top voor (grote) kinderen!

LO - leer over de primaire kleuren en mengen ze!LO - informatie over het hergebruik van onderdelenWoo HooStap 1: DIY Spinning Top voor (grote) kinderen! Lijm het marmer binnen de bovenkant van de fles.(Je kan natuurlijk de bovenkant van de fles voor

DIY Dash Camera voor onder $20

In dit instructable ik zal u tonen hoe om te zetten van een oude video staat smartphone en enkele willekeurige, gemakkelijk verworven odds en eindigt in een hoogwaardige, multifunctionele dash gemonteerde auto video recorder of Dash Cam. Dit is een g

Bouw een DIY Camera-stabilisator voor onder $5

In dit instructable, wij zullen u tonen hoe te bouwen DIY camera stabilisator voor onder $5. Deze DIY camera stabilisator is gemakkelijk op te bouwen en makkelijk mee te nemen als u niet over een statief beschikt. Alles wat u nodig hebt is een tekenr

DIY Home Automation voor Beginners. Absoluut geen codering of solderen vereist. Android/Arduino voor het schakelen van dingen in- en uitschakelen

Deze instructiable is gericht op de absolute beginner. Als u kunt omgaan met een scherp mes zonder snijden kunnen uw vingers van u maken en aanpassen van deze domotica controller.Deze instructies zijn ook on-line op www.pfod.com.au onder Android / Ar

DIY verrekijker Hack voor digitale Camera

DIY verrekijker Hack voor digitale Camera - de top video clips van de week bent hier hoe maak je een vergrootglas lens voor uw digitale camera met deze howto. Zeer gemakkelijk en eenvoudig. Opmerking: het zal helpen als de camera een focus-knop is. E

Karton en Duct Tape Viking helm deze gids zal u onderwijzen hoe te maken van een viking helm uit niets anders dan duct tape en karton (en sommige andere ...
Bad transfersysteem AbstractDit project is een eenvoudige en goedkope overdracht-systeem dat toelaat een rolstoel gebruiker (of een persoon ...
Hoe schoon uw grill Dus, is de lente in de lucht. Voor veel dat mensen betekent ook dat er nu BBQ/gril seizoen (niet me, BBQ-seizoen opent 1 ...
Hoe maak je een pop Gumball Machine eenvoudige methode voor het maken van een oud-timey gumball machine voor uw 15-18: pop, zoals American Girl. Dit idee we ...
Hamburger Bliss - hoe maak je de perfecte zelfgemaakte BBQ Hamburger Perfectioneren van de kunst van het koken van een hamburger is iets dat kan veranderen de manier waarop mensen zien uw c ...