Cómo usar HTML y CSS

Entendiendo HTML y CSS (parte 1)

Cómo usar HTML y CSS: Piensa en la estructura de HTML como 3 secciones.

La cabeza (head) es la primera sección. Contiene todos los datos relevantes al propósito de la página web y la información. Esto incluye metadatos, título, fuentes de archivo externo, etc.. Varios sitios web también contienen información importante relacionada con el análisis de tráfico web, rango de página, etc.. Todos ellos están contenidos dentro de este segmento.

como-usar-html

 

Luego viene el cuerpo (body). Es el centro principal para la estructura de la Página Web. Los wireframe o bloques de construcción del sitio web se mencionan aquí. Realmente mencionas elementos y etiquetas aquí, en este espacio. Según el orden en el que mencionas, los elementos se van colocando en la página web final.

como-usar-html

Así, por ejemplo, si escribimos una etiqueta de formulario y luego una etiqueta de imagen, encontraremos nuestra página web mostrando una forma y por debajo de la imagen (pero por supuesto estas órdenes y las posiciones pueden modificarse con CSS de alta calidad). Así que, si tienes un diseño en la mano, sólo tienes que seguir agregando elementos de acuerdo a tu flujo de diseño. Los diferentes segmentos (izquierda, derecha, centro) de una página web deben ser tratados en consecuencia. Para eso tenemos el tag de tabla o lista. Aprende todos los tipos de etiquetas disponibles en HTML y entender su aplicación.

Por último viene la sección de pie (foot). Esta sección contiene normalmente todo lo que es visible en el área de pie de página. Sin embargo, no incluimos esto por separado normalmente. Por el contrario, el contenido de pie de página se añade al cuerpo sí mismo.

como-usar-htmlcomo-usar-html

Entiende cómo entran los factores de CSS. CSS o Cascading Style Sheets, fue introducido por el W3C con el fin de reducir el tamaño del archivo HTML. Un código más limpio y sincronización de estilos separados de HTML. Estos no son sino distintos archivos que se incluyen en la sección head del HTML. Contienen la definición de estilo para los distintos elementos del documento HTML.

Los códigos de estilo CSS definidos incluyen comportamiento de fuente, color, altura, anchura, estilo, etc.. También incluyen definición conductual de mouseover y eventos de mouse-out. De hecho, con la última inclusión de CSS3, el estilo ha mejorado a un nivel muy diferente. Ahora, puedes crear animaciones, transformaciones y transiciones – todos los códigos CSS. En su mayoría utilizamos CSS para declarar la anchura, altura, color, fuente, etc.. Estas son las opciones más comunes de estilo y nos ayudan a definir el aspecto y la posición de los elementos HTML.

Problemas de html5

¿Cuál era el problema con el vídeo en html5?

El standard de html5 soporta vídeo, pero lamentablemente nadie podía convenir en qué formatos de soporte.  Y eso significa que diferentes navegadores ofrecen diferente soporte para formatos de video de html5. Como programar html5: hay tres principales. Ogg Theora, que es apoyada por todos los navegadores Internet Explorer de la barra (el soporte de Safari requiere una instalación manual). H.264, que es apoyado por todo el mundo menos por Firefox. VP8/WebM, que es apoyado por todos (aunque Safari e IE requieren instalación manual).

¿Qué herramientas necesito para crear webs con html5?

Los puristas dirían que no necesita herramientas . Puedes escribir código de html5 con un bolígrafo y un poco de papel si quieres – pero otros prefieren herramientas como Dreamweaver de Adobe, que ganó un paquete de html5 en 2010. O Edge, que  es una herramienta en la nube creativa de Adobe que te permite producir rápidamente animaciones html5 para uso en móvil, la web o de escritorio.

¿Dónde puedo ver algunas demos de html5?

El astutamente llamado html5demos.com, tiene algunas buenas demostraciones, junto con una clave que muestra cuáles trabajan en qué navegadores, mientras que la excelente html5rocks.com tiene demos y ejemplos de código para diseñadores y desarrolladores. Google ha creado un reproductor de vídeo html5 de YouTube, y Apple ha preparado un showcase de html5 en Apple.com.

 

 

como-programar