Avatar billede Cecilie N Praktikant
03. november 2017 - 11:43 Der er 8 kommentarer

Hjælptil kodning med billede

Halløj...
Jeg sidder med et IT projekt opgave og skal ved HTML koder oprette en hjemmeside hvor jeg skal have sat et billede ind. Der kommer imidlertid kun en lille sort firkant med et kryds i....

Hvad gør jeg mon galt? Mine koder ser sådan her ud: Håber nogle kan hjælpe....

<!DOCTYPE html>

<!-- Eksempel på brug af DIV til at opdele en HTML-side i sektioner. CSS-filen style.css er tilknyttet til siden som eksternt stylesheet. -->

<html>

<head>

<title>DIV og CSS</title>

<meta charset="UTF-8">

<link rel="stylesheet" href="Forside.css" type="text/css"/>

</head>

<body>

<div id="hoved"> <!--Rammen der dækker hele siden-->

<div id="top"><!--Rammen der er i toppen af siden-->

<h1>
<p class="afsnit1">Den private dagpleje Oasen.</p>
</h1>
<img src="..."/>

</div>

<div id="menu"> <!--Rammen der er sidens venste side med menupunkter-->

<ul>

<li>Stamkort<br><br>

<ul>


<li>Freja Sommer</li><br>

<li>Frederik Olsen</li><br>

</ul>
</li>

<li>Aftaler</li><br>

<li>Beskeder</li>

<li><a href="http://www.hillerod.dk"> Hilleroed Kommune</a></li><br>

</ul>

</div>

<div id="indhold"> <!--Rammen der er til højre med sidens indhold-->

<h1>Velkommen til Oasen.</h1>

<p class="afsnit2">Din private dagpleje</p>

</div>

</div>

</body>

</html>
Avatar billede keysersoze Guru
03. november 2017 - 12:02 #1
Lige nu pege dit billede, altså img-tag, bare på "..." - medmindre det bare er for demoens skyld så indsæt billedets rigtige navn, fx ditbillede.jpg, og sørg for at henvise til den rigtige sti.
03. november 2017 - 12:21 #2
HEJ,

Sóm Keyserzone påpeger:  Husk navn.

Men visse browsere kræver også at du husker størrelse i pixel på billedet for X- retning og Y-retning // bredde og højde  (width / height).

så en reference til et billede vil være:
<img src="chania.jpg" width="460" height="345"> 

hvor chania.jpg er navne på billed-filen. Width og height siger næsten sig selv.

(der findes mange andre ting om <IMG men det kan du læse mere om på:  https://www.w3schools.com/html/html_images.asp

Kristian
Avatar billede Cecilie N Praktikant
03. november 2017 - 12:35 #3
Jeg har kopieret billedet web adresse ind og det virkede. TUSIND TAK.

Vil I også hjælpe med hvordan jeg linker til en anden side.?
Der hvor der står Freja Sommer, der skal kunne trykkes på navnet og så man kommer videre til en anden side

Er det noget med a href?
Avatar billede keysersoze Guru
03. november 2017 - 12:41 #4
Du har allerede et link på Hilleroed Kommune.
Avatar billede Cecilie N Praktikant
03. november 2017 - 13:28 #5
Ja det ved jeg, men hvis jeg skal illustrere at der er flere sider på hjemmesiden. Jeg mener hvis man trykker på knappen"Freja Sommer" at man så kommer til en anden side
Avatar billede keysersoze Guru
03. november 2017 - 13:35 #6
Så har du 2 a-tags med hver deres href-attribut.
Avatar billede Cecilie N Praktikant
03. november 2017 - 13:43 #7
Okay, det prøver jeg. Tusind tak for din hjælp og tid
03. november 2017 - 14:56 #8
HEj,

Tak for de pæne ord.

Omkring <A HREF  -  kan jeg godt skrive en laaaaang forklaring, men jeg har princippet HJÆLP TIL SELVHJÆLP, så jeg vil henvise dig til

www.W3Schools.com .  //  eller til

www.hjemmesideskolen.dk    -- den er på dansk.

(der er HTML-skoler, som er bedre (og værre) på nettet, men er du novice (hvilket vi alle har været på et tidspunkt) er hjemmesideskolen egentlig ganske udmærket. Du får principperne - hvilket er væsentligst.

KR
.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester