Cómo utilizar HTML para insertar un logotipo

Cuando desee agregar un logotipo a su sitio web o correo electrónico, un poco de HTML simple es todo lo que necesita para insertar la imagen. Agregar un logotipo puede hacer que sus esfuerzos de publicación en línea sean mucho más profesionales, y es fácil agregar diferentes logotipos e imágenes a sus archivos una vez que memoriza el código básico. Si desea insertar un logotipo en un diseño o archivo, aquí le mostramos cómo utilizar HTML para crear su logotipo compatible con la web.

Paso 1

Busque el archivo de su logotipo. Necesitará la ubicación del archivo y la extensión de la imagen de su logotipo para poder insertarla en el código.

Video del día

Paso 2

Abra su editor de palabras. Abra el Bloc de notas u otro software de procesamiento de texto para comenzar a escribir su código.

Paso 3

Escribe el código para insertar un archivo de imagen. Escribe Etapa 4

Inserte la información de la 'etiqueta alt'. Esto es valioso para los motores de búsqueda y los usuarios que no pueden leer imágenes. Esta información puede incluir el nombre de su empresa o simplemente el mensaje de su logotipo. Deberá agregar esto inmediatamente después de la sección 'img src' e insertar el texto alrededor de dos apóstrofos.

Paso 5

Indique alto y ancho de su imagen. La información de altura y ancho va inmediatamente después de su atributo de etiqueta alt y también está envuelta alrededor de apóstrofos. Deberá escribir lo siguiente: ancho = "(número de píxeles)" alto = "(número de píxeles)".

Paso 6

Indique la información del borde y luego cierre la etiqueta. El grosor del borde no es obligatorio para todos los logotipos, pero el valor predeterminado suele ser '0'. Deberá escribir lo siguiente: border = "0" y luego cerrar la etiqueta con otro símbolo '>'.

Paso 7

Guarde su archivo como una extensión .htm. Este es su archivo HTML que puede usar para su proyecto de diseño.

Cosas que necesitará

  • Software Microsoft Paint o Image

  • Bloc de notas o programa básico de procesamiento de textos

Propina

Puede cambiar el tamaño de su imagen fácilmente editando el ancho y el alto dentro del HTML. El estilo de borde predeterminado es normalmente 0. Puede hacer que se pueda hacer clic en un logotipo agregando "" y ""alrededor de la imagen.

Advertencia

Asegúrese de que el logotipo se pueda encontrar en un lugar de fácil acceso en el disco duro de su computadora. Cierre siempre sus etiquetas correctamente; omitir este paso puede evitar que se muestre su imagen o archivo.