Toon posts:

kom niet verder met een html oefening

Pagina: 1
Acties:
  • 660 views

  • Pablo11392
  • Registratie: april 2010
  • Laatst online: 03-04-2020
Nu ben ik aan het oefenen met html en zit bij een opdracht vast. Het is lastig uit te leggen over hoe en wat, maar ik ga mijn best doen...

Ten eerste: *snip* blz 41, onderaan zie je een schema staan van mappen en html bestanden (afbeelding 3.3)

2. Nu staat op blz 42, oefening 3.5 dat ik dus vanuit kunst.html en natuur.html de afbeelding fruit.jpg moet zien te tonen. Nu staat de oefening hier wel heel kort en krachtig beschreven dan in vergelijking met het boek. Maar de bedoeling is hetzelfde. Ik moest dan dus (zoals het in het boek staat) de structuur van de mappen namaken in een eigen gemaakt mapje op de harde schijf. Nou alles precies hetzelfde gedaan.

3. Nu ga ik dus alle regeltjes en tags intikken. Nu lukt dit wel voor de kunst.html dat ik het plaatje fruit te zien krijg, maar niet voor natuur.html.


http://img442.imageshack.us/i/naamloos2g.jpg/

http://img833.imageshack.us/i/naamloos1k.jpg/

(sorry dat ik de plaatjes niet als link krijg.... er staat [img][/img] voor en achter, maar dat pakt die nooit op een of andere manier)


Ik doe precies hetzelfde als dat ze uitleggen in het boek, maar er gebeurt gewoon niets. Wat heb ik fout ingevoerd? Ik hoop dat het duidelijk is hoe ik het beschreven heb en anders heb ik gewoon pech hoor:P

[Voor 7% gewijzigd door MueR op 04-10-2010 12:36]

Intel Core i5-6400 | Gigabyte GA-B150-HD3P | Kingston HyperX Fury HX421C14FBK2/16 | Corsair RM550x | Samsung 850 EVO 250GB | NZXT S340


  • 147126
  • Registratie: juni 2005
  • Laatst online: 24-03-2018
pablo11392 schreef op zaterdag 02 oktober 2010 @ 20:43:
[afbeelding]

[afbeelding]

(sorry dat ik de plaatjes niet als link krijg.... er staat [[url=" "]afbeelding[/url]] voor en achter, maar dat pakt die nooit op een of andere manier)
Je moet linken naar de afbeelding, en niet naar de html pagina, dus


(dus "http://img833.imageshack.us/img833/1783/naamloos1k.jpg" tussen [img][/img])


Over je probleem, het is bijna hetzelfde als hierboven :P Je moet gewoon naar de het plaatje verwijzen. Dit kan doormiddel van een absoluut of een relatief pad. Als je dus lokaal werkt (niet op een webserver) dan bijvoorbeeld "C:\htdocs\site\images\afbeelding.jpg", of op een webserver: "http://img833.imageshack.us/img833/1783/naamloos1k.jpg".
Je kunt ook een <base href="http://www.blaat.com"> in de header van je pagina zetten, dan kun je een pad gebruiken als "/images/test.jpg" die dan dus van http://www.blaat.com/images/test.jpg komt.
Let ook op hoofdletters! Bestandsnamen op internet zijn hoofdletter gevoelig.

  • franssie
  • Registratie: februari 2000
  • Laatst online: 23:06

franssie

Save the albatross

Lees dit eens: http://www.htmlgoodies.co...181/Basic-HTML-Images.htm

zelfs de links die je hier post heb je un-clickable gekregen, wist niet dat dat kon :+

je zit op de goede weg maar:

lokaal:
c:\iets\ietsanders\web\html\index.html

=

lokaal

http://localhost/

=

web

http://ip.add.re.ss//

@met Shadow dus maar anders verwoord en ik had de sub mapjes nog even achterwege

edit2://
SRC stands for "source." This again is an attribute, a command inside a command. It's telling the browser where to go to find the image. Again, it's best for you to place the images you want to use in a subdirectory called "images". This way you can call for the image by name with just the subdir name in front of it, like this: /images/imagename.gif. You could also direct the source to some other place online, such as an image you have stored on Photobucket, for instance, by using the full URL of the image, such as http://www.photobucket.com/youraccount/imagename.jpg. Right now, let's just get it to work.

[Voor 53% gewijzigd door franssie op 02-10-2010 21:01]

Keep Calm, Carry On Een goed Probleem komt nooit alleen | Niets is zo permanent als een tijdelijke oplossing | Fender Guitar, Gibson Guitar, Goddamn Guitar


  • Feanathiel
  • Registratie: juni 2007
  • Niet online

Feanathiel

Cup<Coffee>

Wat ik kan afleiden uit de screenshots (zie de titelbalk van notepad++), is dat natuur.html zich in de hoofdmap bevindt. Afbeelding 3.3 van de handleiding vertelt je dat deze in de verkoop/aquarellen map moet komen te staan. Wellicht zou je daar nog eens naar moeten kijken.

  • franssie
  • Registratie: februari 2000
  • Laatst online: 23:06

franssie

Save the albatross

dus c:\iets\ietsanders\web\html\verkoop\aquarellen\image.jpg

en in je html dan

\verkoop\aquarellen\image.jpg

[Voor 31% gewijzigd door franssie op 02-10-2010 22:01]

Keep Calm, Carry On Een goed Probleem komt nooit alleen | Niets is zo permanent als een tijdelijke oplossing | Fender Guitar, Gibson Guitar, Goddamn Guitar


  • Pablo11392
  • Registratie: april 2010
  • Laatst online: 03-04-2020
Ah, dat werkt gewoon, thanks! En volgens mij had ik het ook niet helemaal goed in die hoofdmap zitten..:/

Maar ik snap ook niet waarom die niet plaatjes als link doet...Ik upload het in imagehack, dan staat daar een link. Die plak ik hier en dat staat al tussen [ img] [/img] , wat dan niet werkt..:/
Zijn er ook nog snellere manieren om bijvoorbeeld printscreens zo in een keer te uploaden ipv eerst naar een site als imagehack te gaan?

Intel Core i5-6400 | Gigabyte GA-B150-HD3P | Kingston HyperX Fury HX421C14FBK2/16 | Corsair RM550x | Samsung 850 EVO 250GB | NZXT S340


  • ThinkPad
  • Registratie: juni 2005
  • Laatst online: 18:12

ThinkPad

Moderator Duurzame Energie & Domotica
Ja, het T.net fotoalbum, maar ik denk dat je daar nog niet genoeg karma voor hebt.
http://tweakers.net/my.tnet/fotoalbum

Oja je kunt HTML code makkelijk posten door het tussen [ code=html] hier je code [/code] te zetten

Voorbeeld:
HTML:
1
2
3
4
5
6
7
8
<HTML>
<HEAD>
.. informatie over het document ..
</HEAD>
<BODY>
.. inhoud document ..
</BODY>
</HTML>


Dat bevordert de leesbaarheid voor ons nogal :)

[Voor 29% gewijzigd door ThinkPad op 03-10-2010 00:12]

Gas besparen door CV-tuning | Elektriciteit besparen
Geen vragen via privébericht die ook via het forum kunnen a.u.b.


  • Pablo11392
  • Registratie: april 2010
  • Laatst online: 03-04-2020
Aha, ja zie je. Ik heb het wel eens vaker gezien zoals jij het hier boven neerzet. Is inderdaad wat overzichtelijker:)

En ik zit op, mhoa, 1/8ste deel met karma om fotoalbum aan te schaffen....Dat gaat nog wel even duren denk ik :(

Intel Core i5-6400 | Gigabyte GA-B150-HD3P | Kingston HyperX Fury HX421C14FBK2/16 | Corsair RM550x | Samsung 850 EVO 250GB | NZXT S340


  • job
  • Registratie: februari 2002
  • Laatst online: 17:37
pablo11392 schreef op zondag 03 oktober 2010 @ 00:06:
Maar ik snap ook niet waarom die niet plaatjes als link doet...Ik upload het in imagehack, dan staat daar een link. Die plak ik hier en dat staat al tussen [ img] [/img] , wat dan niet werkt..:/
Waarom die het niet doet? Omdat die link niet naar een plaatje gaat, maar naar een webpagina.

directe link: http://img442.imageshack.us/img442/856/naamloos2g.jpg
jouw link: http://img442.imageshack.us/i/naamloos2g.jpg/

[Voor 16% gewijzigd door job op 03-10-2010 00:20]


  • MueR
  • Registratie: januari 2004
  • Nu online

MueR

Moderator Devschuur®

is niet lief

Dergelijke basale topics staan we hier in de Devschuur niet toe. Dat weet je ondertussen goed genoeg, we hebben het vaak genoeg verteld. Als je niet verder komt met een cursus, ga met je docent praten. De basale vragen zijn ondertussen allemaal honderdduizend keer behandeld op Google. En nee, wij zijn geen tweede Google.

Anyone who gets in between me and my morning coffee should be insecure.
Breng nu uw applicatie naar de kloot. Dat is veel beter! Nu samen met klootopslag. Voor maar €9,95. Doei doei!

Pagina: 1

Dit topic is gesloten.



Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee