Mejora tu blog con html. Cuadro de advertencia/Información/Resalte.

Si tienes un blog, probablemente te has percatado que tiene todo lo necesario para escribir, pero que se podrían añadir maneras de presentar los textos. En este post te vamos a enseñar a sacarle más partido a tu blog, usando código html. Es el código de las páginas web.  El código que hay detrás de cada banca online,  detrás de cada foro,  detrás de cada tienda online  y detrás de cada blog.

Si tu blog tiene un botón que diga "html" o  "código fuente" o "ventana de desarrollador" o algo similar, este post te sirve.  Si no, este post no te puede ayudar porque querría decir que no tienes acceso al modo de escritura que necesitas. 

Entonces, si tu blog tiene la opción de ver código en html, pulsa  y se abre una ventana de código donde te muestra solo el <body> de la página es decir,  el contenido, donde tú escribes. 

Para resaltar un texto que quieres que se muestre con especiales atributos, puedes hacer lo siguiente: 

1. Localiza el lugar donde está el párrafo donde quieres poner tu texto.  Para ello, vuelve  a la ventana de escritura y escribe la palabra ".....". Vuelve al modo html y dale al buscador para que busque la palabra "....". Te mostrará algo así: 


<p>Si tienes un blog, probablemente te has percatado que tiene todo lo necesario para escribir, pero que se podrían añadir maneras de presentar los textos. En este post te vamos a enseñar a sacarle más partido a tu blog, usando código html. Es el código de las páginas web.&nbsp; El código que hay detrás de cada banca online,&nbsp; detrás de cada foro,&nbsp; detrás de cada tienda online&nbsp; y detrás de cada blog.</p><p>&nbsp;Para resaltar un texto que quieres que se muestre con especiales atributos, puedes hacer lo siguiente:&nbsp;</p><p>Si tu blog tiene la opción de ver código en html, pulsa&nbsp; y se abre una ventana de código donde te muestra solo el &lt;body&gt; de la página es decir,&nbsp; el contenido, donde tú escribes.&nbsp;</p><p>Localiza el lugar donde está el párrafo donde quieres poner tu texto.&nbsp; Para ello, vuelve&nbsp; a la ventana de escritura y escribe la palabra ".....". Vuelve al modo html y dale al buscador para que busque la palabra "....". Te mostrará algo así:&nbsp;</p>


Como ves, tu texto está inmerso entre tags o etiquetas html, que son las que se interpretan en tiempo real para traducir la página.  Es un lenguaje de programación que se compila en tiempo real,  es decir,  el código se convierte en resultado inmediatamente al leerlo. 


2. Haces un hueco donde quieres que vaya tu cuadro aclaratorio: 


<p>Si tienes un blog, probablemente te has percatado que tiene todo lo necesario para escribir, pero que se podrían añadir maneras de presentar los textos. En este post te vamos a enseñar a sacarle más partido a tu blog, usando código html. Es el código de las páginas web.&nbsp; El código que hay detrás de cada banca online,&nbsp; detrás de cada foro,&nbsp; detrás de cada tienda online&nbsp; y detrás de cada blog.</p><p>&nbsp;Para resaltar un texto que quieres que se muestre con especiales atributos, puedes hacer lo siguiente:&nbsp;</p>

Aquí va tu cuadro aclaratorio.  En un hueco entre dos marcas </p> <p>. Podía haber aparecido entre dos marcas </div><div> por ejemplo.  Son finales e inicio de secciones como párrafos y bloques. Cada una de estas marcas inicia un párrafo.  

<p>Si tu blog tiene la opción de ver código en html, pulsa&nbsp; y se abre una ventana de código donde te muestra solo el &lt;body&gt; de la página es decir,&nbsp; el contenido, donde tú escribes.&nbsp;</p><p>Localiza el lugar donde está el párrafo donde quieres poner tu texto.&nbsp; Para ello, vuelve&nbsp; a la ventana de escritura y escribe la palabra ".....". Vuelve al modo html y dale al buscador para que busque la palabra "....". Te mostrará algo así:&nbsp;</p>


3. Ahora copias y pegas el siguiente código


<center>

<div style="background-color: darkgrey; padding: 2px;">    

<div style="background-color: azure; padding: 25px;">

<b>Truco: </b>Este texto muestra algo que quieres que se muestre de manera especial, como un resalte , una nota aclaratoria,  un truco en tu blog, o alguna información a  la que quieras darle énfasis.  <br />  

  </div></div>

</center>

4. Vuelves a la ventana de escritura y tienes el siguiente resultado. 


Truco: Este texto muestra algo que quieres que se muestre de manera especial, como un resalte , una nota aclaratoria,  un truco en tu blog, o alguna información a la que quieras darle énfasis.

Los resaltes en html son mucho más eficientes que las imágenes, consumen menos ancho de banda y son el lenguaje natural de los navegadores.  Además, cualquier información en html es interpretada y puesta a disposición de personas con discapacidades visuales. 


Los colores empleados son gris y azul claro, pero son muchos los colores  que puedes emplear  (->)
Si quieres aprender a manejar los <div>, los expertos son (->)

Saludos y hasta el siguiente post

Comentarios

Publicar un comentario

Entradas populares de este blog

Fuentes de Aranjuez. Hércules y la Hidra de Lerna

Imagen
Cuenta la mitología que la Hidra de Lerna era un monstruo con forma de serpiente que cuando alguien intentaba destruir su cabeza, le salían dos cabezas más.  Imagen 1.  Vista general de la fuente.  En esta fuente está representado Hércules, hijo de Zeus y de Alcmena.  Por su parte Hidra era hija de Tifón y Equidna.  La fuente está ubicada en la zona sur del jardín de La isla junto al Palacio de Aranjuez.  El estanque y la fuente en sí misma está rodeada por ocho estatuas. Imagen 2. Mosaico con las ocho estatuas La ubicación de la fuente es: Google:  29PR+VR Aranjuez Imagen 3.   Plano con ubicación y enlace a Google Maps. 
Leer más

Alquiler de viviendas y habitaciones en España

Si vas a vivir de alquiler en alguna provincia de España, debes saber como es el mercado inmobiliario y las costumbres que aquí se siguen.   Oferta  La oferta inmobiliaria es muy extensa. En grandes ciudades encontrarás docenas o centenas de pisos en alquiler. Hay :   Estudios, con una cama, una cocina y un aseo.  Apartamentos.  Con un dormitorio separado, un aseo y una cocina.  Pisos de dos dormitorios.   Pisos de tres dormitorios.  Pisos de cuatro dormitorios.  Pisos de cinco dormitorios.  Otros pisos de más dormitorios.  En pequeñas localidades abundan las casas bajas y no se alquilan con tanta facilidad como en las ciudades.  En las grandes ciudades existe el concepto de piso interior.  Se trata de unas viviendas en bloques que no tienen ventanas a la calle, sino solamente a patios interiores. También hay viviendas en planta baja, incluso con acceso desde la calle,  al ser locales reforma...
Leer más

Fuente de Hércules y Anteo. Jardín del Parterre. Aranjuez

Imagen
En Aranjuez podemos ver la escultura hecha fuente que representa  la titánica lucha entre Hércules y Anteo.  Según cuenta la leyenda Anteo hijo de Gea luchaba con Hércules o Heracles hijo de Zeus. Cada vez que Anteo era derribado la energía de la tierra (Geo) fluía por el y le retornaba a la batalla.  Esta fuente es obra del arquitecto Isidro González Velázquez , que fue discípulo de Juan de Villanueva en la Real Academia de Bellas Artes de San Fernando . Por su parte la escultura es obra del escultor turiasonense ( Tarazona , Zaragoza ) Juan Adán Morlán encargo todo ello del Rey Fernando VII   (-> ) marido de María Cristina de Borbón , padre de Isabel II  y abuelo de Alfonso XII . La fuente consta de un gran estanque con iluminación nocturna de mas de 30 metros de diámetro. La fuente preside el acceso al jardín del Parterre siendo la primera escultura que se ve entrando por el acceso principal del jardín. En ese mismo lugar hay un pequeño mapa indicando l...
Leer más