Agregar imagen dentro de la celda de la tabla en HTML

Lo siento pero no puedo hacer esto simple. No puedo agregar una imagen en la celda de la tabla. A continuación está mi código que he escrito:

 CAR APPLICATION  
ABCD
Name Origin Photo
Bugatti Veyron Super Sport Molsheim, Alsace, France
SSC Ultimate Aero TT TopSpeed United States Photo1
Koenigsegg CCX Ängelholm, Sweden Photo1
Saleen S7 Irvine, California, United States Photo1
McLaren F1 Surrey, England Photo1
Ferrari Enzo Maranello, Italy Photo1
Pagani Zonda F Clubsport Modena, Italy Photo1

¿Que estoy haciendo mal? Esta es mi pantalla de salida: –

enter image description here

Hay algunos errores de syntax en su HTML .

Primero, la URL de la imagen debe apuntar a una dirección en Internet público. Los usuarios que visualicen su página no tendrán su disco duro, por lo que no es posible señalar un archivo en su disco duro local. Reemplace C:\Pics con la URL real de la imagen, no una ruta en el sistema de archivos de la máquina de desarrollo. Si quiere estar absolutamente seguro, use una computadora diferente y pegue el valor del atributo img tag src en la barra de direcciones del navegador. Si funciona allí, entonces estás bien. No es que la ruta sea relativa y aún válida, pero debe ser relativa a la URL pública de la página web en la que está incrustada.

En segundo lugar, la etiqueta . Debe agregar esta etiqueta si necesita un título en el navegador y no puede formatearlo.

El tercer error, si se trata de la etiqueta

, debe agregar este encabezado dentro de una etiqueta

, porque

necesita una fila (create by

).

Otra cosa es que no necesitas todo el colspan que hiciste.

Traté de hacer un html válido como necesites. Echar un vistazo:

 < !DOCTYPE html>   CAR APPLICATION   

CAR APPLICATION

SONAKSHI RAINA 10B ROLL No:-32
Name Origin Photo
Bugatti Veyron Super Sport Molsheim, Alsace, France
SSC Ultimate Aero TT TopSpeed United States Photo1
Koenigsegg CCX Ängelholm, Sweden Photo1
Saleen S7 Irvine, California, United States Photo1
McLaren F1 Surrey, England Photo1
Ferrari Enzo Maranello, Italy Photo1
Pagani Zonda F Clubsport Modena, Italy Photo1

Esto funcionó para mí:

  < !DOCTYPE html>   CAR APPLICATION   

CAR APPLICATION

ABCD
Name Origin Photo
Bugatti Veyron Super Sport Molsheim, Alsace, France
SSC Ultimate Aero TT TopSpeed United States Photo1
Koenigsegg CCX Ängelholm, Sweden Photo1
Saleen S7 Irvine, California, United States Photo1
McLaren F1 Surrey, England Photo1
Ferrari Enzo Maranello, Italy Photo1
Pagani Zonda F Clubsport Modena, Italy Photo1

Tienes un TH flotando en la parte superior de tu mesa que no está dentro de un TR. Arregla eso.

Con respecto a su problema de imagen, usted está haciendo referencia a la imagen absolutamente desde el disco duro de su computadora. No hagas eso.

También tiene una etiqueta de cierre que no debería estar allí.

Debería ser:

  

También esto:

 

Tus colspans también están en mal estado. Parece que solo tiene tres columnas, pero tiene colspans de 14 y 4 en su código.

Debiera ser:

 

Además, no tienes DOCTYPE declarado. Al menos debería agregar:

 < !DOCTYPE html> 

Debería verse así:

  

.

debe cerrarse con es (en la mayoría de los casos) una etiqueta vacía. La etiqueta de cierre es replacede por /> lugar … como para br’s

 

Su estructura html es simple (lo siento), pero probablemente se convierta en una muy mala compatibilidad cross-brwoser. Además, encapsule el valor de sus atributos con comillas y evite el uso de upercase en las tags.

Ha hecho referencia a la imagen como una ruta en su computadora (C: \ etc \ etc) … ¿está ubicada allí? No respondiste a lo que otros han preguntado. He tomado tu código, lo he colocado en dreamweaver y funciona aparte de la imagen ya que no tengo eso almacenado.

Compruebe la ubicación y luego háganos saber.

Intenta usar “/” en lugar de “\” para la ruta a tu imagen. Algunos comentarios aquí parecen provenir de personas que no entienden que algunos de nosotros simplemente estamos aprendiendo el desarrollo web, que en muchos casos se hace mejor a nivel local. Entonces, en lugar de usar src = C: \ Pics \ https://stackoverflow.com/questions/13457710/adding-image-inside-table-cell-in-html/H.gif usa src = “C: /Pics/https://stackoverflow.com/questions/13457710/adding-image-inside-table-cell-in-html/H.gif” para una ruta absoluta o solo src = “Pics / https://stackoverflow.com/questions/13457710/adding-image-inside-table-cell-in-html/H.gif” para una ruta relativa si tus fotos son en un subdirectorio de la ubicación de su página html). Tenga en cuenta también que es una buena práctica rodear su ruta con comillas. de lo contrario, tendrá problemas con las rutas que incluyen espacios y otros caracteres impares.

O … Podría colocar la imagen en una etiqueta de anclaje. Porque tuve el mismo problema y lo solucionó sin problemas. Mucha gente usa rutas locales antes de publicar su sitio y fotos. Solo asegúrate de regresar y corregir eso en la fase final de edición.