Introdución a HTML IDATUX

Introducción a HTML
Javascript y CSS

¿Qué es?
HTML: HypertextMarkupLanguageLenguaje de Marcado de Hipertexto
Fue creado en 1990, es la base del World Wide Web (WWW), la parte gráfica de Internet.

¿Cómo funciona?
HTTP

Estándares
HTML 1 Desarrollado en CERN
HTML 2.0 Incluye mejoras en NCSA Mosaic (formularios e imágenes)
HTML 3.2 Mejoras para controlar el formateo de tablas, etc.
HTML 4.0 Mejoras para publicaciones multiplataforma (CSS, XML, WAP, DHTML)
HTML 5.0 Lo veremos hoy

Mientras en el back-end vemos código en el front-end vemos HTML
<html>
<head>
<title>Mi web</title>
</head>
<body>
Hola mundo desde HTML
</body>
</html>

¿Cómo hacer HTML?

WYSIWYG
WYSIWYG es el acrónimo de WhatYouSeeIsWhatYouGet (en inglés, "lo que ves es lo que obtienes"). Se aplica a los procesadores de texto y otros editores de texto con formato

Un formulario en HTML
<formname="form"action="destino.html"method="POST">
Nombre de usuario
<input name="username"type="text"/>
<br />
Password
<input name="password"type="password"/>
<br />
<input type="submit"value="Ingresar" >
</form>

JavaScritp
Es un lenguaje de programación interpretado
Trabaja en el lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas.

Ejemplo
<script language="JavaScript">
window.alert('Hola mundo desde JavaScript');
</script>

Cascading Style Sheets
Es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

Ejemplo
<styletype="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman", serif;
color: red;
background-color: #d8da3d;
}
h1 {
font-family: Helvetica, Geneva, Arial, sans-serif;
}
</style>
-----------------------------------------------------------------------
HTML
<body>
<h1>Aquí se aplicará el estilo de letra para el Título</h1>
</body>
http://www.w3c.es/divulgacion/guiasbreves/ejemplos/CSS/EjemploCSS1

Complementos de Firefox
http://validator.w3.org

Carlos Vargas
litox84@gmail.com
@cvargas84
cvargas1984
cvargas84
Contribuidor de

Introdución a HTML IDATUX

by Carlos Vargas on Mar 07, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Introdución a HTML IDATUX — Presentation Transcript