Divi WordPress Theme
El Mejor Theme de WordPress! Versátil y Fácil de Personalizar

HTML para WordPress

caratula-HTML-e1367611602294-300x250En este video explico lo que considero que es importante que conozcas de HTML para que utilices de forma complementaria con algunos plugins y potencialices al máximo tu web con WordPress.

Funciones vistas: negrilla, cursiva, subrayada, párrafo, salto, línea, imagen, enlace, imagen con enlace, marquee, y tablas.

Más abajo encontrarás los códigos vistos, por si los quieres copiar.

Códigos de la Presentación

Negrilla
<b>Negrilla</b>
<strong>Negrilla</strong>
Cursiva
<i>Letra en Italic</i>
<em>Letra en Italic</em>
Subrayada
<u>Letra Subrayada</u>
Centrar
<center>Texto centralizado</center>
Parrafo
<p>Parrafo</p>
Salto
Rompe<br>Líneas
Linea
<hr>
Imagen
<img src=”URL-IMAGEN”>
<img src=”URL-IMAGEN” width=”350″ height=”271″>
Atributos de <img>:
width=”350″ –> ancho
height=”271″ –> alto
border=”0″ –> sin borde
border=”1″ –> borde delgado
Enlace
<a>el objeto, sea palabra frase o imagen</a>
Pero tiene atributos, que son los que dan las caracteristicas del enlace
Atributos de <a>:
href=”/contacto”
href=”http://guiadenegocioseninternet.com/contacto”
target=”_blank” –> en la otra pestaña o ventana
target=”_self” –> en la misma pestaña o ventana

Imagen con Enlace

<a href=”” target=””><img src=”URL-IMAGEN”></a>

Ejemplo:
<a href=”http://guiadenegocioseninternet.com/mi-mensaje-de-navidad-2010.html” target=”_blank”><img src=”http://guiadenegocioseninternet.com/wp-content/uploads/2010/12/feliznavidad-barralateral.jpg”></a>
Marquee
<marquee behavior=”scroll” scrollamount=2 direction=”up” height=”100″>Esto es una pequeña pantalla que muestra un mensaje en dirección hacia arriba. El mismo se hace modificando uno de los códigos que hemos visto aquí, marquee.</marquee>

Tablas

<table></table>
Pero en medio se crean las filas y columnas (en ese orden.
Por cada fila se coloca un <tr></tr>
Las columnas se colocan al interior de las filas con la etiqueta <td></td>
Así:
<tr><td></td></tr> Una fila y una columna
Una fila y 2 columnas
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
Una tabla de 1 fila y 2 columnas es así:
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

Add a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *