fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan tegyek be képet a...

Hogyan tegyek be képet a weblapba?

Figyelt kérdés

A tanárom így tette be.

én is így csináltam,de nem adja ki a képet nekem.

miert nem adja ki a képet,ha ugyan azt írtam mint a tanár?



<div class="doboz">

<img class="kozepre" src="erdo.jpg" alt="">


</div>


<img class="polaroid kozepre" src="farkasok.jpg" alt="">

<div class="doboz">


2022. márc. 6. 17:21
 1/7 anonim ***** válasza:

Az erdo.jpg-nek és a farkasok.jpg-nek a HTML-dokumentummal megegyező könyvtárban kell lennie.


Másrészt meg kéne nézni a stílusdefiníciókat is - azok is befolyásolhatják a kép megjelenítését.

2022. márc. 6. 17:24
Hasznos számodra ez a válasz?
 2/7 A kérdező kommentje:

eddig így néz ki az egész:


<!DOCTYPE html>

<html lang="hu">


<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewpor" content="width=device-width, initial-scale=1.0">

<title>10a weblapja</title>

<link rel="stylesheet" href="alap.ccs">

</head>


<body>

<div di="hordozo">

<h1>Ez itt a főcím</h1>

<div class="menu">

<a href="alap.html">Kezdőlap</a>

<a href="tablazat">Táblázatok</a>

</div>

<div class="doboz">

<p>Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.Ez lesz a doboz szövege.</p>

</div>


<div class="doboz">

<img class="kozepre" scr="erdo.jpg" alt="">


</div>


<img class="polarid kozepre" scr="farkasok.jpg" alt="">

<div class="doboz">

<ol>

<li>Első elem</li>

<li>Második</li>

<li>EZ meg itt a harmadik</li>

</ol>


<ul>

<li>Első elem</li>

<li>Második</li>

<li>Ez meg itt a harmadik</li>

</ul>

</div>


</div>

</body>


<html>

2022. márc. 6. 17:34
 3/7 A kérdező kommentje:

a tanáré pedig ez:



<!DOCTYPE html>

<html lang="hu">


<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>10a weblapja</title>

<link rel="stylesheet" href="alap.css">

</head>


<body>

<div id="hordozo">

<h1>Ez itt a főcím</h1>

<div class="menu">

<a href="alap.html">Kezdőlap</a>

<a href="tablazat.html">Táblázatok</a>

</div>

<div class="doboz mas">

<p>Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz szövege. Ez lesz a doboz

szövege.

</p>

</div>


<div class="doboz">

<img class="kozepre" src="erdo.jpg" alt="">


</div>


<img class="polaroid kozepre" src="farkasok.jpg" alt="">

<div class="doboz">

<ol>

<li>Első elem</li>

<li>Második</li>

<li>Ez meg itt a harmadik</li>

</ol>


<ul>

<li>Első elem</li>

<li>Második</li>

<li>Ez meg itt a harmadik</li>

</ul>

</div>


</div>

</body>


</html>

2022. márc. 6. 17:37
 4/7 anonim ***** válasza:
100%

1. Mint írtam: nézd meg, hogy a .jpg kiterjesztésű képek ott vannak-e a HTML-állománnyal megegyező könyvtárban, illetve a stíluslap (esetedben alap.css) nem rejti el a képeket.


2. Teli az általad írt kód elütésekkel - például:

* 6. sor:

<meta name="viewpor" content="width=device-width, initial-scale=1.0">

"viewpor" helyett "viewport":

<meta name="viewport" content="width=device-width, initial-scale=1.0">


* 8. sor:

<link rel="stylesheet" href="alap.ccs">

ccs helyett css:

<link rel="stylesheet" href="alap.css">


* 11. sor:

<div di="hordozo">

di helyett id:

<div id="hordozo">


* 13. sor:

<a href="tablazat">Táblázatok</a>

"tablazat" helyett "tablazat.html":

<a href="tablazat.html">Táblázatok</a>


* 21. sor:

<img class="kozepre" scr="erdo.jpg" alt="">

scr helyett src:

<img class="kozepre" src="erdo.jpg" alt="">


* 23. sor:

<img class="polarid kozepre" scr="farkasok.jpg" alt="">

scr helyett src:

<img class="polarid kozepre" src="farkasok.jpg" alt="">

2022. márc. 6. 17:56
Hasznos számodra ez a válasz?
 5/7 A kérdező kommentje:

Tényleg.

Uh jó sok hibám volt, és észre sem vettem.

Nagyon szépen köszönöm, én már vagy 2 órája próbálok rá jönni.

Ezen túl akkor figyelek nagyon arra hogy mit írok.

Még egyszer köszönöm!!

2022. márc. 6. 18:11
 6/7 anonim ***** válasza:
használj visual studiot, de talán notepad ++is tudja azt a funkciót, hogy jelzi az elgépeléseket.
2022. márc. 6. 18:17
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:
Igen, én is javasolom a normális szerkesztőt, hiszen azokkal a programokkal a hibákat is sokkal könyebben észreveszi az ember.
2022. márc. 14. 17:56
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!