Códigos HTML para páginas web que debes conocer

Códigos HTML para páginas web que debes conocer

Los genes son el lenguaje de la naturaleza, las instrucciones que dicen cómo se fabrica un ser humano. Las webs están escritas en HTML, un lenguaje de marcado. En HTML se puede definir el tipo de letra de la página web, el color de fondo, la inserción de imágenes y muchas más características. Si no estás muy familiarizado con el lenguaje web, te presento algunos códigos HTML para páginas web que te serán de mucha utilidad.

Códigos HTML para tu web          

Códigos para formateo de texto

Para poner un texto en negrita:

<b>texto en negrita</b>

Para poner un texto en cursiva:

<i>texto en cursiva</i>

Para subrayar un texto:

<span style=»text-decoration: underline;»>texto</span>

Para poner un texto como cita:

<blockquote>cita</blockquote>

Para alinear párrafos:

A la izquierda

<p style=»text-align: left;»>parrafo</p>

Centrado

<p style=»text-align: center;»>parrafo</p>

A la derecha

<p style=»text-align: right;»>parrafo</p>

Justificado

<p style=»text-align: justify;»>parrafo</p>

Código para poner un enlace

Si quieres poner un enlace dentro de tu web, la línea de código es la siguiente:

<a href=»web enlazada»>Texto del enlace</a>

Ejemplo:

<a href=»https://www.yoseomarketing.com/»>Agencia de Marketing Online</a>

Y se vería así:

Agencia de Marketing Online

Código para insertar una imagen

Las imágenes se insertan en una web usando este código html:

<img src=»dirección de la imagen» alt=»nombre de la imagen» width=»Xpx» height=»Ypx»>

Src es la dirección en la que está alojada la imagen, alt es el nombre de la imagen (se visualizará si la imagen no carga en el navegador del internauta), width es la anchura de la imagen y height es la altura.

Un ejemplo

<img src=»https://www.google.es/images/srpr/logo11w.png» alt=»Logo de Google» width=»400px» height=»100px»>

Código para hacer comentarios

Si te lanzas a escribir tu propio código HTML, agradecerás poder hacer anotaciones comentándolo. Para ello utiliza la etiqueta de comentario

<!–

–>

<!– Este es un comentario en HTML –>

Código para un pop up

<script type=»text/javascript»>

// Popup window code

function newPopup(url) {

                popupWindow = window.open(

                                url,’popUpWindow’,’height=400,width=500,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes’)

}

</script>

<h2><a href=»JavaScript:newPopup(‘http://www.quackit.com/javascript/examples/sample_popup.cfm’);»>Nueva Ventana</a></h2>

Código “antiplagio”

Qué rabia cuando te esfuerzas en crear un contenido para tu web y luego descubres que alguien te lo ha copiado vilmente. Ahora puedes ponerle las cosas más difíciles a los copiotas con este código html que impide que alguien pueda seleccionar texto de tu web:

<script>function disabletext(e){return false}function reEnable(){return true}document.onselectstart=new Function («return false»)if (window.sidebar){document.onmousedown=disabletextdocument.onclick=reEnable}</script>

Espero que estos códigos HTML para páginas web te sirvan de utilidad. Iré añadiendo más con el tiempo.

Te deSEO un buen día,

William Penguin.

5 Comentarios

  • eduardo 02/09/2018 17:25

    hola yo soy alumno de software y quiero saber como puedo acer que en el menu de mi pagina tira la informacion sea el contenido me han dicho q tengo que crear otras pagina y enlazar con el codigo que ya tengo y poner la etiqueta que ustedes dejaron en esta pagina

    • William Penguin 10/09/2018 10:27

      Hola, Eduardo, ¿qué quieres hacer exactamente?

  • Rebeca 28/10/2018 20:57

    Mil gracias, el último código me va perfecto para mi blog, dado el carácter del contenido que publico en él. Imagino que se coloca bajo el de la plantilla XHMTL del sitio, ¿es así?
    Un abrazo.

    • William Penguin 29/10/2018 09:41

      Hola, Rebeca,

      Creo que sí, pero no estoy seguro. Gracias por comentar.

      • jhojan 31/07/2019 22:40

        si, si es así

Deja tu respuesta