Mostrando las entradas con la etiqueta elementos de html. Mostrar todas las entradas
Mostrando las entradas con la etiqueta elementos de html. Mostrar todas las entradas

martes, 10 de septiembre de 2013

Como Añadir Una Tabla Articulo En Blogger sin Utilizar Codigo

Leave a Comment
En este tutorial hablare sobre la habilidad de crear tablas que es una caracteristicas que no tenemos en el editor de Blogger , y para añadir una tabla no solo debes saber lo que requiere las etiquetas de codigo HTML,puede resultar un tanto doloroso poner en orden cada etiqueta en el editor  HTML. Por eso muchos  utilizan la herramienta para escribir  Windows Live Writer como editor de articulos..


Pero si deseas continuar el editor de articulos de Blogger  pero no te gusta anañdir tablas manualmente, hay otras formas de editores. El metodo siguiente de crear tablas HTML requiere unos pasos adicionales que si usaras el WLW, este es facil y de poco esfuerzo.


He aqui los pasos:


A) Crea la tabla en Excel

  1. Crea la tabla usando Microsoft Excel, OpenOffice o cualquier otro programa de spreadsheet . Puedes usar tambien Microsoft Word.
  2. Cuando este lista,ensombrea y copia el contenido.

B) Conviertert la tabla en HTML

  1. Entra en Tableizer y peguelo en el campo de texto. Esta herramienta remueve las marcas de tu tabla y te deja solo con un delgado codigo .
  2. Puedes personalizar el tipo de letra, tamaño de letra y el color del encabezado si usted desea.
  3. Finalmente da click en el boton de Tableize It! para crear tu tabla HTML .
  4. Esta entonces genera un conjunto de codigos de HTML y CSS para copiarlos. Este tambien muestra como la tabla luce.

C) Pegue el Codigo de HTML en el Editor de Articulos

  1. Copie los codigos provistos y peguelos en el HTML de tu articulo en blogger.
  2. Preveelo y Publicalo.
  3. Ahi tienes tu tabla!

Que lo disfrutes!
Enhanced by Zemanta
Read More

jueves, 23 de mayo de 2013

Los Elementos que Componen El Html de Tu Pagina Web

Leave a Comment

Hoy hablare de los Elementos de Html en foma simple y comprensible para todos.Empezamos con la definicion de Html.
HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.

 El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo, JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML

Los Encabezados Html (Head Html)
Los encabezados HTML son definidos con las etiquetas  <h1> a <h6>

<h1>Este es un encabezado</h1>
<h2>Este es un encabezado</h2>
<h3>Este es un encabezado</h3> 

Las letras apareceran asi:

Este es un encabezado

Este es un encabezado

Este es un encabezado

 Si notas la etiqueta <h1> la letra es la mayor o mas grande y va bajando el tamano cuando llegues a la <h6> es la letra menor.

Parrafos en HTML

Los parrafos en Html son definidos con la etiqueta   <p>
.Ejemplo:
 <p>Este es un parrafo.</p> cuando lo pones dentro del Html lo veras sin la etiqueta <p>

Ejemplo:
Este es un parrafo.


Nota: toda etiqueta de comienzo debe ser cerrada usando (/)


Enlaces HTML

Los Enlaces HTML son definidos con la etiqueta <a> .

Ejemplo:

<a href="http://www.ciudadblogger.info">Esto es un enlace</a> si lo pones en tu Html se vera asi:


ESte enlace te llevara a www.ciudadblogger.info


Imagenes HTML

Las Imagenes en HTML estan definidos con la etiqueta <img> .

Ejemplo
<img src="http://s2.glbimg.com/x0zg74yEDNRa71IXi8-eRf1crJY=/top/s.glbimg.com/jo/eg/f/original/2012/12/25/perola.jpg" width="104" height="142">

Cuando pongas la etiqueta de img en html la veras en navegador asi:



Elementos HTML 

Un elemento html es todo desde la etiqueta de comienzo hasta la etiqueta final :

Etiqueta Incio  * Elemento de contenido Etqueta Cierre  *
<p> Este es un parrafo </p>
<a href="default.htm"> Este es un enlace </a>
<br>                       

* La Etiqueta de Inicio  es frecuente llamada Etiqueta de Apertura. La etqueta final es llamada frecuentemente la etiqueta de cierre..
Read More