Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como tag

Listas ordenadas y desordenadas...

Hoy vamos a usar listas ordenadas y desordenadas, veremos las distintas propiedades y como siempre mostraremos el uso de las mismas... Hablando de listas podemos decir q son útiles cuando queremos organizar cierta información de forma secuencial, esta secuencia de información puede estar ordenada o no, pero en realidad el mayor uso se da al crear una lista de link simulando un menú de navegación... Bien las listas pueden ser ordenadas o no tener ningún orden aparente, estas se diferencian en q unas estarán acompañadas de viñetas y las otras de números. Las listas ordenadas comienzan con el tag "ol" y cada uno de los elementos de la lista con "li" cada tag cerrado como sabemos. Podemos indicar a la lista desde q valor debe comenzar a enumerar, para esto usamos la propiedad "value", también podemos definir el elemento q se usará para ordenar, es así q colocando "type" y como valor de esta propiedad "a" la lista tendrá letras, se admite ta...

Agregando imágenes y enlaces...

Hoy agregaremos imágenes y enlaces a nuestra web, para esto veremos dos tag nuevos "img" y "a" El tag "img" nos brinda la posibilidad de incluir imágenes ya sean png, jpg, gif es muy sencilla su aplicación, simplemente colocamos la dirección de la misma como valor de la propiedad "src" de este tag, podemos configurar el alto y ancho con "height" y "width" respectivamente, podemos flotarla con la propiedad "float" q admite "left y right", agregarle una descripción q aparecerá si hay algún problema al cargar la imagen con la propiedad "alt" y un titulo o referencia de la imagen q aparecerá al pasar con el mouse con la propiedad "title". Veamos un ejemplo q aclara más el uso y la aplicación de las distintas opciones. Uno de los problemas más comunes al trabajar con imágenes se dá con el direccionamiento de las mismas, esto es, creemos q la dirección q colocamos en el "src" es la c...

Y sobre tablas...

Seguimos avanzando con HTML y hoy le tocó a las tablas ser las protagonistas... En estas primeras entradas vamos a dar una visión básica de los tag y propiedades más usadas, en futuras entradas veremos aplicaciones concretas combinando lo visto para apreciar las posibilidades q nos brinda HTML Las tablas se utilizan fundamentalmente par ordenar información de manera q sea mucho más fácil captar los datos, esto se puede aplicar con datos como los de una base de datos, se pueden usar tablar para ordenar los elementos de un formulario y en algún momento se uso para maquetar la página completa. Veamos como se crea una tabla y las distintas características de estas... Bien toda tabla comienza con el tag "table" q debe ser cerrado como corresponde. Cada una de las filas de nuestra tabla se colocaran indicando el tag "tr" y cada elemento de las columnas con el tag "td". Para agregar un título en la tabla se puede usar el tag "caption" Este sería un ejem...

Más HTML...

Hoy vamos a continuar con HTML para darle cada vez más forma a nuestra primera página web... Recordando un poco lo visto, dijimos q todo documento html tiene tag q representan distintos sectores, un documento de HTML en general posee html, head, body ,cada uno cerrado como corresponde, en HTML5 se agregaron unos más header, section, article, footer. Ahora vamos a trabajar un poco más el código y agregaremos propiedades para modificar el aspecto de nuestro texto. Las propiedades pueden aceptar valores estos se agregaran después de un = directamente escribiendo el valor si este es numérico y entre " si este valor es alfanumérico. Por ejemplo: Bien comencemos con algunas de las propiedades: Sobre letras o bloques de texto font admite propiedades "size" y "color". -"size" permite modificar el tamaño de la letra -"color" permite modificar el color de la fuente, estos se ingresan por su nombre HTML o con #código hexadecimal, en este link pueden en...