10 de abril de 2014

Tablas en HTML

Las tablas sirven para mostrar contenido, mostrar información. Se componen de filas y columnas.

  • Las tablas se formar con la etiqueta table.
    • Dentro de ésta se forman las filas con la etiqueta tr.
    • Y las columnas se forman con la etiqueta td.
      • Para combinar columnas se utiliza el atributo colspan, por ejemplo:  colspan="2".
      • Para combinar filas se utiliza el atributo rowspan, por ejemplo:  rowspan="2".
      • Ejemplo:
colspan
rowspan        
            
  • El atributo border define un borde para la tabla, por ejemplo: border="1px".

Un ejemplo de tabla junto con su código sería:

Tabla
Ejemplo con Código

8 de abril de 2014

Enlaces y anclas

Vemos los enlaces, enlaces en imágenes y anclas.
  • Enlaces
  • Cómo redireccionar al usuario a una página web distinta, ya sea de tu mismo dominio como de otro. Ejemplo: Google
  • Anclas o marcas
  • Sirve para llevar al usuario a un punto de tu página web. Se especifica un punto de la web con el atributo name. Después se enlaza como un enlace cualquiera mediante
    <a href="#mi_ancla">Ancla</a>

1 de abril de 2014

Primera vistazo de HTML en clase

Un poco de teoría y explicaciones interesantes sobre el tema.
Los temas abarcados son:
  • Páginas webs estáticas y dinámicas
    • Estáticas, simplemente HTML
    • Dinámicas, HTML junto con PHP
  • Tipos de extensión
    • .html
    • .htm
    • Utilizado en sistemas Windows con FAT 16, ya que tenían un máximo de 8 caracteres al nombre y 3 a la extensión
  • Cliente - Servidor
  • El cliente solicita información, el servidor recibe esta solicitud y envía una respuesta con la información pedida. El usuario entra en un sitio web, éste, por ejemplo. El servidor envía el archivo html y el navegador del cliente lo representa para que éste pueda verlo.
  • Esquema de HTML