Html es un estándar de programación que se
utiliza para crear una página. Sus siglas en inglés HyperText Markup Language significan (lenguaje
de marcas de hipertexto) hace referencia al lenguaje de
marcado para la elaboración de páginas web.
Es un estándar que sirve de referencia del
software que conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado código HTML) para la
definición de contenido de una página web, como texto, imágenes, vídeos,
juegos, entre otros.
El lenguaje HTML basa su filosofía de desarrollo en la
diferenciación. Para añadir un elemento externo a la página (imagen,
vídeo, script, entre otros.), este no se incrusta directamente en
el código de la página, sino que se hace una referencia a la ubicación de dicho
elemento mediante texto.
De este modo, la página web contiene solamente texto mientras que recae
en el navegador web (interpretador del código) la tarea de unir todos los
elementos y visualizar la página final. Al ser un estándar, HTML busca ser un
lenguaje que permita que cualquier página web escrita en una determinada
versión, pueda ser interpretada de la misma forma (estándar) por cualquier
navegador web actualizado.
Para comprender más acerca de lo que es HTML te invito
a ver este corto vídeo.
HTML5
Es la versión actualizada de HTML o
mejor dicho, la última versión de este lenguaje de programación esta facilita
un poco más la estructura así mismo cuenta con una mayor rapidez.
Al
no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas,
se recomienda al usuario común actualizar su navegador a la versión más nueva,
para poder disfrutar de todo el potencial que provee HTML5.
HTML5 establece una
serie de nuevos elementos y atributos que reflejan el uso típico de los sitios
web modernos. Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico, como por
ejemplo <nav> (bloque de navegación del sitio web) y <footer>.
NOVEDADES
·
Incorpora etiquetas (canvas 2D y 3D,
audio, vídeo) con códecs para mostrar los contenidos multimedia. Actualmente
hay una lucha entre imponer codecs libres (WebM + VP8) o privados
(H.264/MPEG-4 AVC).
·
Etiquetas para manejar grandes conjuntos
de datos: Datagrid, Details, Menú y Command. Permiten generar tablas dinámicas
que pueden filtrar, ordenar y ocultar contenido en cliente.
·
Mejoras en los formularios. Nuevos tipos
de datos (eMail, number, url, datetime …) y facilidades para validar el
contenido sin Javascript.
·
Visores: MathML (fórmulas matemáticas) y
SVG (gráficos vectoriales). En general se deja abierto a poder interpretar
otros lenguajes XML.
·
Drag & Drop. Nueva funcionalidad
para arrastrar objetos como imágenes+
Ejemplos de códigos HTML5
Código HTML5 para
reproducir audio sin la necesidad de plugins
Para video es algo similar.
<!DOCTYPE HTML>
<html>
<head>
<title>fuente de múltiples elementos</title>
</head>
<body>
<audio id="audioTestElem" autobuffer controls >
<source src="test.m4a">
<source src="test.ogg" type="audio/ogg; codecs=vorbis">
<source src="url">
no audio for you
</audio>
</body>
</html>
CSS
CSS (siglas en inglés de Cascading Style Sheets),
en español "Hojas de estilo en cascada", es un lenguaje
de diseño gráfico para definir y crear la presentación de un
documento estructurado escrito en un lenguaje de marcado.
Junto con HTML y JavaScript, CSS es una
tecnología usada por muchos sitios web para crear páginas visualmente
atractivas, interfaces de usuario para aplicaciones web.
CSS está diseñado principalmente para
marcar la separación del contenido del documento y la forma de presentación de
este, características tales como las capas o layouts, los colores y las
fuentes.Es decir css se encarga de el diseño en general de nuestra página web,
le damos el color que querramos y demás.
Su última versión es CSS3
JAVASCRIPT
"JavaScript permite que tengas una
página abierta dentro de la misma sin haber necesidad de cerrar otra, por lo
general envía advertencias".
JavaScript es un lenguaje de programación, al igual que PHP, si bien
tiene diferencias importantes con éste. JavaScript se utiliza principalmente
del lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el
servidor) permitiendo crear efectos atractivos y dinámicos en las páginas web.
Los navegadores modernos interpretan el código JavaScript integrado en las
páginas web.
Para entender lo que es JavaScript consideremos lo siguiente. Un usuario
escribe una dirección web en su navegador, por ejemplo https://paginawebtrabajodecimo.blogspot.com.
El servidor recibe la petición y como respuesta a esa petición envía al
ordenador del usuario código HTML junto a código JavaScript. El código
HTML se encarga de que en la pantalla se muestre algo, por ejemplo una imagen,
un menú, etc. El código JavaScript se puede encargar de crear efectos dinámicos
en respuesta a acciones del usuario, por ejemplo que se despliegue un menú tipo
acordeón cuando el usuario pasa el ratón por encima de un elemento del menú.
La ventaja de JavaScript es que al estar alojado en el ordenador del
usuario los efectos son muy rápidos y dinámicos. Al ser un lenguaje de
programación permite toda la potencia de la programación como uso de variables,
condicionales, bucles, etc. También podemos citar algún inconveniente: por
ejemplo si el usuario tiene desactivado JavaScript en su navegador, no se
mostrarán los efectos. No obstante, hoy día la mayoría de los usuarios navegan
por la web con JavaScript activado.
A continuación un breve vídeo que nos explica lo que es JavaScript
No hay comentarios.:
Publicar un comentario