domingo, 6 de enero de 2013

¿HTML, XHTML, CSS?

¿Qué es HTML?



Podemos definir HTML (HyperText Markup Language) como el lenguaje que se utiliza para escribir o programar la gran mayoría de páginas web de internet.

Los diseñadores web generan páginas escritas en lenguaje HTML que en navegador mostrará después de "leer" su contenido.

Aunque HTML sea un lenguaje interpretado por el "Web Browser", es un lenguaje muy fácil de aprender. Es un estándar reconocido mundialmente cuyas normas son definidas por el W3C (World Wide Web Consortium).

¿Qué es XHTML?


El lenguaje XHTML es muy similar HTML, de hecho es una adaptación de HTML a XML.
Hasta ahora la discusión sobre si HTML 4.01 es mejor que XHTML 1.0 o al revés obtenía conclusiones distintas dependiendo de los diseñadores, aunque la gran mayoría se decantaba por XHTML. Pero puede que en la actualidad, entre HTML5 y XHTML 1.1 o XHTML 2.0 la tendencia cambie.

HTML Y CSS


Originalmente, las páginas escritas en HTML sólo tenían información sobre su contenido de texto e imágenes, pero con la estandarización de HTML, las páginas empezaron a incluir también información sobre su aspecto, como tipo de letras, márgenes, colores, etc...

Más tarde, con la aparición de JavaScript, las WEBS comenzaron a incluir código de aplicaciones llamados "SCRIPTS", los cuales harían posible la aparición de información dinámica.

Tener en la misma página el contenido, la programación y el diseño complica sobremanera el mantenimiento de las mismas, así que es conveniente separar el diseño de los contenidos, y ahí es donde entra en juego CSS.


De esta manera, mediante XHTML crearíamos un página simple pero funcional, y al incluir CSS le daríamos el estilo y la "vistosidad" requerida para conseguir una combinación perfecta.

Hasta aquí la Intro a XHTML.

Salu2!


jueves, 27 de diciembre de 2012

Intro y Estructura Básica HTML5

 
 
 Bienvenidos a la sección HTML de IDAK.CO, para comenzar a hablar de HTML5, lo primero que tenemos que tener en cuenta es que la estructura básica cambia respecto a HTML4, y por ello como primer Post, os dejo la estructura básica y el esquema de la misma.
 
PLANTILLA BÁSICA HTML5
 
  <!DOCTYPE html>
 
<html lang="es">
 
<head>
<title>Titulo de la web</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="estilos.css" />
 
</head>
 
<body>
    <header>
       <h1>Mi sitio web</h1>
       <p>Mi sitio web creado en html5</p>
    </header>
    <section>
       <article>
           <h2>Titilo de contenido<h2>
           <p> Contenido (ademas de imagenes, citas, videos etc.) </p>
       </article>
    </section>
    <aside>
       <h3>Titulo de contenido</h3>
           <p>contenido</p>
    </aside>
    <footer>
        CREADO POR Y PARA...
    </footer>
</body>
</html>
 
ESQUEMA ESTRUCTURA HTML5
 
 
Salu2!