21-Favicon en html

Jorge Catalao octubre 13, 2024
Imagen responsive




Favicon

Favicon es una pequeña imagen que se muestra junto al título de la página, en la pestaña del navegador.

Cómo agregar un Favicon en HTML

Para colocar un favicon, se puede usar cualquier imagen.

Si quieres crear tu propio favicon, te aconsejo la siguiente página:

Crear Favicon

Igual que las imágenes, puedes guardar tu favicon en cualquier carpeta de tu proyecto o en servicios como Google Photos.

Entre los elementos <head>, se coloca un enlace como si fuera una hoja de estilos, que redirige a la imagen.

Ejemplo de código

            <!DOCTYPE html>
            <html>
            <head>
              <title>My Page Title</title>
              <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
            </head>
            <body>

            <h1>This is a Heading</h1>
            <p>This is a paragraph.</p>

            </body>
            </html>

Si todo se hizo bien, verás tu página con favicon en la pestaña del navegador.



Tags:
Jorge Catalao

Posted by: Jorge Catalao

Durante el decorrer de los años y ya desde niño mis gustos preferidos, fue siempre la electrónica y la programación, eso que llevo a que me formase en varias escuelas profesionales, en temas tales como: electrónica Electricidad programación Técnicas de refrigeración etc. Tengo varias carreras profesionales relacionadas a los temas anteriormente descritos, precisamente por ese motivo, me he entusiasmado a crear un blog donde los temas serán los mencionados anteriormente. Espero que a mis visitantes les guste, y se aprovechen de los conocimientos que llevo años recopilando. Si eres estudiante de electricidad, electrónica o programación, aquí vas adquirir los conocimientos básicos, tanto para que continúes tus estudios, como para tu formación profesional. Cursos completos desde cero, los iré recopilando poco a poco, los cuales servirán para consulta tanto de estudiantes como electricistas profesionales, será como un manual o mas bien dicho un resumen donde podremos encontrar lo que necesitamos. Bueno espero que vos guste y me seguis, ya que los temas los ire duplicar tanto nel blog, como en mi canal de youtube.

Publicar un comentario

0 Comentarios

Si desea contactar comigo, lo puede hacer atravez deste formulario gracias