HTML-vraag

Problemen met foto's plaatsen? Of met andere PC problemen? Stel dan hier je vraag.
Plaats reactie
Theo Horsten (R.I.P.)

HTML-vraag

Bericht door Theo Horsten (R.I.P.) »

Voor mij een hoop gezoek en geprobeer, voor een ander waarschijnlijk een fluitje van een cent:

Wat is de HTML code voor het maken van een externe link in "klare taal", dus niet dat er komt te staan http://www.etc.etc. maar elke andere willekeurige tekst zoals bijvoorbeeld de naam van de site waarheen je wilt linken, of alleen maar: klik HIER en dat die dan óók nog geopend wordt in een nieuw venster.
Ik hoop dat het zo duidelijk is wat ik bedoel.
Dus als er staat Koninklijke Bibliotheek dat daar dan het adres http://www.kb.nl onder zit en dat die dan in een nieuw venster wordt geopend.

Ik was gekomen tot
<a href="http://www.kb.nl">Koninklijke Bibliotheek</a> maar dat werkt van geen kanten. Wat doe ik verkeerd en hoe moet het wel? Ik heb een boek over HTML in bestelling, maar ik kan zo moei;ijk wachten... :)

.

Jos Komen (R.I.P)

Bericht door Jos Komen (R.I.P) »

Hallo Theo, dat kun je in Word doen.
Invoegen, Hyperlink en dan de url copieren.

Op het forum kan ik niet het laten zien, dus ik heb het even op een site gezet.

www.scheepspraat.nl/theo.htm


All the best
Jos
Theo Horsten (R.I.P.)

Bericht door Theo Horsten (R.I.P.) »

Sorry, Jos, maar ik bak er nog steeds niks van. Als ik jouw link aanklik, zie ik alleen maar hetzelfde wat je hier schrijft. Ik zou graag de onderliggende HTML code willen zien, dan heb ik iets dat ik kan kopiëren.
Ik zal op mijn bestelde boekje moeten wachten, vrees ik. :)

In elk geval bedankt voor je reactie en een prettige Tweede Paasdag.
Gebruikersavatar
janvanduin
Berichten: 709
Lid geworden op: 21 jul 2004 20:47
Locatie: noordwijk
Contacteer:

Bericht door janvanduin »

Linking to another site
phpBB BBCode supports a number of ways of creating URIs, Uniform Resource Indicators better known as URLs.

* The first of these uses the tag; whatever you type after the = sign will cause the contents of that tag to act as a URL. For example, to link to phpBB.com you could use:

Visit phpBB!

This would generate the following link, Visit phpBB! You will notice the link opens in a new window so the user can continue browsing the forums if they wish.
* If you want the URL itself displayed as the link you can do this by simply using:

http://www.phpbb.com/

This would generate the following link: http://www.phpbb.com/
* Additionally phpBB features something called Magic Linkswhich will turn any syntatically correct URL into a link without you needing to specify any tags or even the leading http://. For example typing www.phpbb.com into your message will automatically lead to www.phpbb.com being output when you view the message.
* The same thing applies equally to email addresses; you can either specify an address explicitly, like:

no.one@domain.adr

Bedoel je zoiets Theo?
grts jan.
Theo Horsten (R.I.P.)

Bericht door Theo Horsten (R.I.P.) »

Nee, Jan, dat is BB code, Bulletin Board code die op een forum als dit wordt gebruikt.
Ik bedoel dit:
<p><span class="full-image-float-left"><img style="width: 150px; height: 218px" alt="kim 150.jpg" src="/storage/kim%20150.jpg" /></span></p>
<p>&nbsp;</p>
<p>Unieboek 1977</p>
<p>ISBN 90 228 1602 8</p>
<p>Niet meer in de handel</p>
<h6>Ik overweeg een herdruk in eigen beheer</h6>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="full-image-float-left"><img style="width: 150px; height: 225px" alt="lol 150.jpg" src="/storage/lol%20150.jpg" /></span></p>
<p>Boekenbent 2005</p>
<p>ISBN 90 8570 012 4</p>
<p>Prijs &euro; 14,35</p>
<p><strong>Bestellen </strong>via deze site. E-mail onderaan de WEGWIJZER</p>
<p><strong>Bestellen</strong> via de uitgever <a href="http://boekenbent.com/%20de">http://boekenbent.com</a> </p>
<p>of via de boekhandel</p>
<p>Een aantal korte en wat langere verhalen. Met eigen illustraties.&nbsp; </p>
<p><img style="width: 295px; height: 110px" alt="fig 01 schip annie.jpg" src="/storage/fig%2001%20schip%20annie.jpg?__SQUARESPACE_CACHEVERSION=1145121228233" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="full-image-float-left"><img style="width: 150px; height: 227px" alt="prijs 150.jpg" src="/storage/prijs%20150.jpg" /></span></p>
<p>Verschijnt in de loop van 2006</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
Dat is HTML. Die wordt op de website waar ik mee bezig ben automatisch aangemaakt, dus daar heb je verder geen omkijken naar, alleen maakt hij niet de links zoals ik die wil hebben - of ik heb die mogelijkheid nog steeds niet ontdekt, dat kan ook. Hoe het ook zij: dat wat ik hier rood heb gemaakt, is een externe link, maar dan niet in "klare taal". Gewoon zo http://boekenbent.com en dat zou ik graag willen veranderen in gewoon BOEKENBENT waarna hij die in een nieuw venster moet openen.
De mogelijkheid is er om in de HTML source te editen, dus het is eenvoudig een kwestie van die rode regel herschrijven. Maar hoe?
Dat is mijn vraag.
Deze link is dus maar een voorbeeld; zo wil ik er veel meer aanmaken, ook gewoon binnen tekst. Als je een artikel in Wikipedia ziet, dan zit dat binnen de tekst vol met dergelijke links. Telkens als er iets onderstreept is, is dat een link naar een ander artikel. Hoe schrijf je die code, dat wil ik graag weten.

Toch ook weer bedankt voor het meedenken, Jan. :)
Theo Horsten (R.I.P.)

Bericht door Theo Horsten (R.I.P.) »

Hoera, ik heb het gevonden.

Als je dit:

<a href="http://boekenbent.com/%20de">http://boekenbent.com</a>

verandert in:

<a href="http://boekenbent.com"target=_blanc">Boekenbent</a>

dan komt er alleen Boekenbent te staan en klikken op dat woord opent een nieuw venster met de site van die uitgeverij. Zo wou ik dat hebben en nu kan ik alles doorlinken.
Nu nog even leren om hetzelfde resultaat te bereiken door op een plaatje te klikken. :roll:

Ach, we hebben cijferen met de oude zeevaartkundige tafels geleerd, getijden berekenen met harmonische analyse en zelfs de kompasformule had ik op zeker moment voor elkaar, dus zo'n beetje HTML-code moet natuurlijk een fluitje van een cent zijn, zelfs voor oudere hersens. :lol:

.
Mark P.

Bericht door Mark P. »

Hallo Theo,

Ik je bovenstaande HTML code gekopieerd naar Dreamweaver (waar ik mijn websites in maak):

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

// Dit is de code van een plaatje met link:
<body>
<p><span class="full-image-float-left"><a href="http://boekenbent.com/" target="_blank"><img src="/storage/kim%20150.jpg" alt="kim 150.jpg" border="0" style="width: 150px; height: 218px" /></a></span></p>
<p>&nbsp;</p>


<p>Unieboek 1977</p>
<p>ISBN 90 228 1602 8</p>
<p>Niet meer in de handel</p>
<h6>Ik overweeg een herdruk in eigen beheer</h6>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="full-image-float-left"><img style="width: 150px; height: 225px" alt="lol 150.jpg" src="/storage/lol%20150.jpg" /></span></p>
<p>Boekenbent 2005</p>
<p>ISBN 90 8570 012 4</p>
<p>Prijs &euro; 14,35</p>
<p><strong>Bestellen </strong>via deze site. E-mail onderaan de WEGWIJZER</p>
<p><strong>Bestellen</strong> via de uitgever <a href="http://boekenbent.com/%20de">http://boekenbent.com</a> </p>
<p>of via de boekhandel</p>
<p>Een aantal korte en wat langere verhalen. Met eigen illustraties.&nbsp; </p>
<p><img style="width: 295px; height: 110px" alt="fig 01 schip annie.jpg" src="/storage/fig%2001%20schip%20annie.jpg?__SQUARESPACE_CACHEVERSION=1145121228233" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="full-image-float-left"><img style="width: 150px; height: 227px" alt="prijs 150.jpg" src="/storage/prijs%20150.jpg" /></span></p>
<p>Verschijnt in de loop van 2006</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
Van het eerste plaatje op deze pagina heb ik een link gemaakt naar Boekenbent.com door middel van deze code:

Code: Selecteer alles

<img src="/storage/kim%20150.jpg" alt="kim 150.jpg">
Ik hoop dat dit een beetje duidelijk overkomt en dat je er iets aan hebt :roll:

Succes!

Vr. gr.,
Mark
Theo Horsten (R.I.P.)

Bericht door Theo Horsten (R.I.P.) »

Mark, hartstikke bedankt! Intussen heb ik een eenvoudig maar duidelijk boekje met HTML code waar ik alles in kan vinden wat ik nodig heb, dus ook het plaatjeslinken, zeg maar. Die website die ik heb is helemaal modulair en gooit bepaalde code er automatisch weer uit. Dat kun je alleen omzeilen door een ander ontwerp te kiezen en dat aan te passen volgens de door de bouwers van die modules vastgestelde regels en beperkingen. Ik merkte dat toen ik de regelafstand wilde veranderen; dat gaat gewoon niet. Als je kijkt waarom het niet werkt, blijkt je code gewoon weer verdwenen te zijn. Ze doen dat om te voorkomen dat het een zootje wordt.
Ik kan daar goed mee leven want het gemak vergoedt die beperkingen ruimschoots. Als ik ooit nog eens tijd heb, ga ik misschien nog wel eens helemaal vanaf punt nul een website opbouwen. Ik heb al twee jaar een domeinnaam gereserveerd, maar ben er verder nog nooit aan toegekomen en zie dat de komende twee jaar ook nog niet gebeuren. :)

Vandaar dat die modulaire opbouw voor mij een uitkomst is. beter dan een weblog - die je er trouwens ook nog in kunt hebben - makkelijker dan eigen ontwerp en in prijs maakt het weinig of niets uit.

Groeten,

Theo


Plaats reactie