Het spijt me, maar ik kan dit simpele ding niet doen. Ik kan geen afbeelding toevoegen aan de tabelcel.
Hieronder is mijn code die ik heb geschreven:-
<html>
<head>CAR APPLICATION</head>
<body>
<table border = 5 bordercolor = red align = center>
<th colspan = 14>ABCD</th>
<tr>
<th colspan = 4>Name</th>
<th colspan = 4>Origin</th>
<th colspan = 4>Photo</th>
</tr>
<tr>
<td colspan = 4>Bugatti Veyron Super Sport</th>
<td colspan = 4>Molsheim, Alsace, France</th>
<td colspan = 4><img src="C:\Pics\H.gif" alt="" border=3 height=100 width=100></img></td>
</tr>
<tr>
<td colspan = 4>SSC Ultimate Aero TT TopSpeed</td>
<td colspan = 4>United States</td>
<td colspan = 4 border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td colspan = 4>Koenigsegg CCX</td>
<td colspan = 4>Ängelholm, Sweden</td>
<td colspan = 4 border=4 height=100 width=300>Photo1</td>
</tr>
<tr>
<td colspan = 4>Saleen S7</td>
<td colspan = 4>Irvine, California, United States</td>
<td colspan = 4 border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td colspan = 4> McLaren F1</td>
<td colspan = 4>Surrey, England</td>
<td colspan = 4 border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td colspan = 4>Ferrari Enzo</td>
<td colspan = 4>Maranello, Italy</td>
<td colspan = 4 border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td colspan = 4> Pagani Zonda F Clubsport</td>
<td colspan = 4>Modena, Italy</td>
<td colspan = 4 border=3 height=100 width=100>Photo1</td>
</tr>
</table>
</body>
<html>
Wat doe ik verkeerd? Dit is mijn uitvoerscherm:-
Antwoord 1, autoriteit 100%
Er zijn enkele syntaxisfouten in uw HTML.
Eerst moet de URL van de afbeelding verwijzen naar een adres op het openbare internet. De gebruikers die uw pagina bekijken, hebben uw harde schijf niet, dus verwijzen naar een bestand op uw lokale harde schijf kan niet werken. Vervang C:\Picsdoor de daadwerkelijke URL van de afbeelding, niet door een pad op het bestandssysteem van de ontwikkelmachine. Als je absoluut zeker wilt zijn, gebruik dan een andere computer en plak de img tag src attribuutwaarde in de adresbalk van de browser. Als het daar werkt, zit je goed. Denk niet dat het pad relatief en nog steeds geldig kan zijn, maar dan moet het relatief zijn ten opzichte van de openbare URL van de webpagina waarin het is ingesloten.
Ten tweede, de <title>-tag. Je moet deze tag toevoegen als je een titel in de browser nodig hebt en je kunt deze niet opmaken.
De derde fout, als het om de <th>-tag gaat, moet u deze header toevoegen aan een <tr>-tag, omdat <th>heeft een rij nodig (maken door <tr>).
Een ander ding is dat je niet alle colspan nodig hebt die je deed.
Ik heb geprobeerd een geldige html te maken zoals je wilt. Kijk eens:
<!DOCTYPE html>
<html>
<head>
<title>CAR APPLICATION</title>
</head>
<body>
<center>
<h1>CAR APPLICATION</h1>
</center>
<table border="5" bordercolor="red" align="center">
<tr>
<th colspan="3">SONAKSHI RAINA 10B ROLL No:-32</th>
</tr>
<tr>
<th>Name</th>
<th>Origin</th>
<th>Photo</th>
</tr>
<tr>
<td>Bugatti Veyron Super Sport</td>
<td>Molsheim, Alsace, France</td>
<!-- considering it is on the same folder that .html file -->
<td><img src="H.gif" alt="" border=3 height=100 width=100></img></td>
</tr>
<tr>
<td>SSC Ultimate Aero TT TopSpeed</td>
<td>United States</td>
<td border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td>Koenigsegg CCX</td>
<td>Ängelholm, Sweden</td>
<td border=4 height=100 width=300>Photo1</td>
</tr>
<tr>
<td>Saleen S7</td>
<td>Irvine, California, United States</td>
<td border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td> McLaren F1</td>
<td>Surrey, England</td>
<td border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td>Ferrari Enzo</td>
<td>Maranello, Italy</td>
<td border=3 height=100 width=100>Photo1</td>
</tr>
<tr>
<td> Pagani Zonda F Clubsport</td>
<td>Modena, Italy</td>
<td border=3 height=100 width=100>Photo1</td>
</tr>
</table>
</body>
<html>
Antwoord 2, Autoriteit 86%
Dit werkte voor mij: –
<!DOCTYPE html>
<html>
<head>
<title>CAR APPLICATION</title>
</head>
<body>
<center>
<h1>CAR APPLICATION</h1>
</center>
<table border="5" bordercolor="red" align="center">
<tr>
<th colspan="3">ABCD</th>
</tr>
<tr>
<th>Name</th>
<th>Origin</th>
<th>Photo</th>
</tr>
<tr>
<td>Bugatti Veyron Super Sport</th>
<td>Molsheim, Alsace, France</th>
<!-- considering it is on the same folder that .html file -->
<td><img src=".\A.jpeg" alt="" border=3 height=100 width=300></img></th>
</tr>
<tr>
<td>SSC Ultimate Aero TT TopSpeed</th>
<td>United States</th>
<td border=3 height=100 width=100>Photo1</th>
</tr>
<tr>
<td>Koenigsegg CCX</th>
<td>Ängelholm, Sweden</th>
<td border=4 height=100 width=300>Photo1</th>
</tr>
<tr>
<td>Saleen S7</th>
<td>Irvine, California, United States</th>
<td border=3 height=100 width=100>Photo1</th>
</tr>
<tr>
<td> McLaren F1</th>
<td>Surrey, England</th>
<td border=3 height=100 width=100>Photo1</th>
</tr>
<tr>
<td>Ferrari Enzo</th>
<td>Maranello, Italy</th>
<td border=3 height=100 width=100>Photo1</th>
</tr>
<tr>
<td> Pagani Zonda F Clubsport</th>
<td>Modena, Italy</th>
<td border=3 height=100 width=100>Photo1</th>
</tr>
</table>
</body>
<html>
Antwoord 3, autoriteit 43%
Je hebt een TH boven aan je tafel die niet binnen een TR valt. Los dat op.
Met betrekking tot uw afbeeldingsprobleem verwijst u absoluut naar de afbeelding van de harde schijf van uw computer. Doe dat niet.
Je hebt ook een afsluitende tag die daar niet hoort te staan.
Het zou moeten zijn:
<img src="h.gif" alt="" border="3" height="100" width="100" />
Ook dit:
<table border = 5 bordercolor = red align = center>
Je colspans zijn ook in de war. Je lijkt maar drie kolommen te hebben, maar je hebt colspans van 14 en 4 in je code.
Zou moeten zijn:
<table border="5" bordercolor="red" align="center">
Je hebt ook geen DOCTYPE gedeclareerd. Je moet op zijn minst toevoegen:
<!DOCTYPE html>
Antwoord 4, autoriteit 21%
Zou eruit zien als:
<td colspan ='4'><img src="\Pics\H.gif" alt="" border='3' height='100' width='100' /></td>
.
<td>moet worden afgesloten met </td>
<img />is (in de meeste gevallen) een lege tag. De afsluitende tag wordt vervangen door />in plaats daarvan… zoals voor br’s
<br/>
Je html-structuur is gewoon versleten (sorry), maar dit zal waarschijnlijk leiden tot een erg slechte compatibiliteit met browsers.
Encapsuleer ook de waarde van uw attributen met aanhalingstekens en vermijd het gebruik van hoofdletters in tags.
Antwoord 5, autoriteit 7%
U heeft naar de afbeelding verwezen als een pad op uw computer (C:\etc\etc)……bevindt deze zich daar? Je hebt niet geantwoord op wat anderen hebben gevraagd. Ik heb je code genomen, in dreamweaver geplaatst en het werkt los van de afbeelding omdat ik die niet heb opgeslagen.
Controleer de locatie en laat het ons weten.
Antwoord 6, autoriteit 7%
Probeer “/” te gebruiken in plaats van “\” voor het pad naar je afbeelding. Sommige opmerkingen hier lijken te komen van mensen die niet begrijpen dat sommigen van ons gewoon webontwikkeling aan het leren zijn, wat in veel gevallen het beste lokaal kan worden gedaan. Dus in plaats van src=C:\Pics\H.gif te gebruiken, gebruik je src=”C:/Pics/H.gif” voor een absoluut pad of gewoon src=”Pics/H.gif” voor een relatief pad als je foto’s in een submap van de locatie van uw html-pagina). Merk ook op dat het een goede gewoonte is om je pad te omringen met aanhalingstekens. anders krijgt u problemen met paden die spaties en andere vreemde tekens bevatten.
Antwoord 7, autoriteit 7%
of … u zou de afbeelding in een ankertag kunnen plaatsen. Oorzaak Ik had hetzelfde probleem en het heeft het zonder probleem opgelost. Veel mensen gebruiken lokale paden voordat ze hun site en foto’s publiceren. Zorg er gewoon voor dat je teruggaat en dat in de fase van de laatste bewerkingen opneemt.