Códigos HTML. Nociones básicas para tu blog

Muy buenas de nuevo amigos, una semana más por aquí para seguir aprendiendo del Marketing Online y avanzar en nuestros proyectos.

Tras hablar sobre la manera de insertar un Mapa de Google Maps en nuestro blog, para lo cual tuvimos que tener una mini-experiencia con códigos, hoy vamos a hablar precisamente de algo así, los códigos HTML .

códigos html - basico

Yo NO soy un experto en esto ni muchísimo menos, ya quisiera… ni he estudiado programación ni informática  como ya sabéis. Pero esto de tener un blog y dedicarte al Marketing Online hace que tengas que renovarte día sí y día también, así que no está de más saber algo más, así de carácter básico.

Por tanto, en este post de hoy, os voy a poner los códigos HTML más comunes o los que más se suelen utilizar para que si vuestro WordPress algún día se revela en el apartado visual, os vayáis a texto y os entendáis con los códigos.

CÓDIGOS HTML MÁS COMUNES:

códigos html, estructura basica

 

La estructura HTML de una web a nivel básico es la siguiente:

<html>

<head>

Cabecero de la web.

</head>

<body>

Cuerpo de la página.

</body>

</html>

 

A nivel de Texto:

<B>…</B>Negrita.                                       <P align=”left”>…</P>  Párrafo alineado a la izquierda.

<I>…</I>Cursiva.                                           <P align=”center”>…</P>  Párrafo centrado.

<U>…</U>Subrayado.                                <P align=”right”>…</P>  Párrafo alineado a la derecha.

<SUB>…</SUB>Subíndice.                        <P align=”justify”>…</P>  Párrafo justificado.

<SUP>…</SUP>  Superíndice.

Saltos de línea:

Añadiendo el código <br> al final de la palabra, se producirá un salto de línea y se verá una palabra debajo de la otra.

Párrafo:

Añadiendo <p> configuraremos nuestro texto en forma de párrafo. Muy importante cerrar el código </p>  tras escribir el código.

Títulos:

A continuación, las etiquetas para configurar los títulos dentro de nuestras entradas. La de mayo tamaño es H1, a partir de esta H2, H3… irán disminuyendo de tamaño progresivamente.

<h1><h2><h3><h4><h5><h6> Muy importante cerrar las etiquetas una vez hemos escrito el título. Todas las etiquetas se van a cerrar añadiendo / al finalizar nuestro título.

Ej:

<h1> Probando </h1>

Añadir un Hipervínculo:

<a href=»Dirección web a la que queremos ir»>Anchor text (Texto que queremos que aparezca como enlace)</a>

Hipervínculo mediante una Imagen:

a href=»Dirección web a la que queremos ir»><img src=»Url de la imagen que queremos mostrar» alt=»Anchor text»></a>

Hipervínculo que se abre en otra ventana del navegador:

<a href=» Dirección web a la que queremos ir » target=»_blank»> Anchor text </a>

 

 A groso modo estos son los Códigos más empleados y que te pueden sacar de un apurillo de vez en cuando, los de texto y párrafo y los hipervínculos. Existen muchísimos, tantos como que los códigos HTML constituyen un lenguaje de programación. HTML no es el único lenguaje que existe puesto que también se programa, JAVA, PHP, JavaScript…

Homer con códigos html

 Es todo amigos, es un post más oscuro pero espero que os sirva y podáis aplicarlo en la medida de lo posible, y también a los que programáis, o tenéis unos conocimientos más avanzados, me disculpo, puesto que la idea son nociones básicas.

 

Nos leemos 🙂