Codigos de textos en html y parrafos
- 1. CODIGOS DE TEXTOS EN HTML :
- 2. El lenguaje HTML se basa en la sintaxis SGML, esto quiere decir que cualquier cosa que hagamos en HTML estará encerrada entre etiquetas de esta manera: <ETIQUETA parámetros> ... </ETIQUETA>
- 3. Puedes añadir códigos HTML dentro de tus entradas y páginas para conseguir un resultado mucho más personalizado. Normalmente, se editan las entradas dentro de la pestaña Visual, pero si quieres editarlas con HTML haz clic en la pestaña Texto o HTML. Si te fijas, en esta captura de pantalla de este mismo post he cargado la pestaña HTML y se ve el texto en código HTML puro. La palabra WordPress del primer renglón está entre las etiquetas <strong> y </strong>, lo que quiere decir que esta palabra toma un estilo negrita en la parte visual.
- 5. Puedes añadir código puro HTML en tus widgets en Apariencia > Widgets y arrastrando un widget de tipo Texto. Dentro de este widget puedes escribir cualquier código HTML y WordPress lo va a interpretar correctamente para que muestre lo que quieras. Por ejemplo, si quieres añadir una imagen banner enlazada a una URL concreta de tu sitio web o externa, y que se vea en una zona de widgets de tu sitio, dentro de la caja texto que arrastras al área de widgets correspondiente escribes lo siguiente:
- 6. <a href="URL DEL ENLACE" target="_blank"> <img src="URL DE LA IMAGEN"> </a>
- 7. A continuación, te pongo las etiquetas HTML más comunes en una web y que puedes insertar donde quieras o modificar las ya existentes mediante código CSS: <p></p> Párrafos <a href=””></a> Enlaces <b></b> Negritas <i></i> Cursivas <strong></strong> Negritas más gruesas <h1></h1> Encabezado o título 1 <h2></h2> Encabezado o título 2 <h3></h3> Encabezado o título 3 <h4></h4> Encabezado o título 4 <h5></h5> Encabezado o título 5 <h6></h6> Encabezado o título 6 <li></li> Elemento de lista <span></span> Selección de texto con un estilo determinado <u></u> Texto subrayado <em></em> Texto enfatizado <small></small> Texto pequeño <br /> Salto de línea (etiqueta única, no tiene cierre) <img src=””> Para insertar una imagen. Con el código <img src=”URL de la imagen”> puedes poner en cualquier zona de widgets un banner o imagen que quieras. Te aconsejo que antes de obtener la URL de la imagen la subas a tu propia Biblioteca de Medios y de ahí obtengas la URL que después pegas en el código. <form></form> Formulario. <table></table> Tabla <iframe></iframe> Incrustar elementos de otras webs
- 9. Párrafos en HTML HTML considera que los párrafos son bloques de texto. Los navegadores hacen lo posible para adaptar el contenido de los párrafos a la ventana, a menos que los atributos NOWRAP o NOBRestén explícitamente especificados. Dentro de un párrafo, todos los espacios, tabuladores y saltos de línea cuentan como un espacio simple. Para colocar textos en bloques, se utiliza el par de etiquetas <p> y </p>. Esta etiqueta puede incluir cualquiera de los atributos mencionados anteriormente. Los saltos de línea (saltar de una línea a la siguiente) se crean usando la etiqueta <br/>. La etiqueta <hr> se utiliza para insertar una línea horizontal.