Cómo insertar un logotipo con HTML

Para añadir un logo a tu web o email, basta HTML simple para insertar la imagen. Un logo hace tu publicación online más profesional, y es fácil añadir distintos logos e imágenes memorizando el código básico. Así se usa HTML para insertar logo web-friendly.

Paso 1

Localiza el archivo de tu logo. Necesitas la ruta y extensión de la imagen para insertarla en el código.

Paso 2

Abre tu editor de código. Notepad u otro software para escribir código.

Paso 3

Escribe código para insertar imagen: <img src=" seguido de tu ruta/nombre/archivo y extensión. Termina esta parte con comillas simples y cierra etiqueta con >.

Paso 4

Inserta información alt. Valioso para buscadores y usuarios que no ven imágenes. Puede incluir nombre de empresa o mensaje del logo. Añádelo tras img src con texto entre comillas: alt="tu texto".

Paso 5

Indica alto y ancho de la imagen. Van tras atributo alt, entre comillas: width="píxeles" height="píxeles".

Paso 6

Indica borde y cierra etiqueta. Grosor de borde no es obligatorio, pero por defecto suele ser 0. Escribe: border="0" y cierra con otro >.

Ejemplo completo: <img src="logo.png" alt="Mi Empresa" width="200" height="100" border="0">

Paso 7

Guarda archivo con extensión .htm o .html. Es tu archivo HTML para el proyecto.

Consejo

Cambias tamaño fácilmente editando width/height en HTML. Borde por defecto suele ser 0. Para hacer logo clicable, envuelve en <a href="url"> y </a>.

Advertencia

Asegúrate que el logo está en lugar accesible en tu disco. Cierra siempre etiquetas correctamente; omitir esto impide que imagen/archivo se muestre.