HTML

HyperText Markup Languaj e

Lenguaje de marcado
No es un lenguaje de programacin
Establece un orden de presentacin
Creado por Tim Berners lee en 1980
Basado en los mtodos de imprenta
Principal objetivo: textos con enlaces
De que se componen las pginas
CSS->Cascade Style Sheet
JavaScript->Lenguaje de programacin, para crear efectos pginas etc.
3 formas de eti queta HTML
<etiqueta>contenido </etiqueta>
</etiqueta>
<etiqueta>
Estructura HTML

El navegador es el que imprime el libro o bien la pgina
Head-> Metadatos: Los datos de los datos, son los que utiliza el navegador para buscar pginas
Lenguaje interpretado
HTML
HEAD
TITLE META META
BODY
H1 P
A
UL
LI LI LI
No se compila sigue ejecutando
<h7>Encabezado 7</h7> imprime solo el texto sin las etiquetas errneas
DIVS
Los divs cada una tiene sus propias caracteristicas
Pueden personalizarse con css
frame(html4): nav(html5)
El nav siempre se mantiene
Layouts
Divs: Los contenedores de cajas de html
Header:presenta informacin introductoria.
Nav: este elemento indica una seccin de enlaces de bloques de navegacin
Section: Este elemento representa una seccin general del documento
Aside: este elemento representa contenido que esta relacionado con el contenido principal pero
no es parte del mismo,citas,informacin en barras o publicidad
Footer: este elemento representa la informacin adicional sobre el elemento padre.
Article: este elemento representa una porcin independiente de informacin relevante(por
ejemplo,cada articulo de un peridico o cada entrada de un blog)
Hgroup: Este elemento es usado para agrupar elementos











Time Datetime= 2014-09-23
<header></header>
<Nav></Nav>
<section></section>
<aside></aside>
<footer></footer>
Css













New attributes for <form>:
Autocomplete
Novalidate

New atri butes for i nput
Autocomplete
Autofocus
Form
Formaction
Formentype
Formmethod
For
Formnovalidate
Formtarget
Height and width
List
Min an max
Multiple
Pattern(regexp)
Placeholder
Margin
Contenido
Margen
Padding
Borde
Subclases de css
a:link ->para cuando el link aun no haya sido visitado
a:visited-> cuando el link este visitado
a:hover->estilo cuando lo presionaron
a:active-> estilo cuando lo presionan

div:first -> se le modifica el estilo de todas las etiquetas que estn primero en el div

JavaSript
Lenguaje de programacin multiparadigma
Lenguaje interpretado: es decir no se compila
Ejecutado del lado del cliente

DOM


Se puede poner el cdigo en un archivo externo y luego llamarlo usando:
<script type=text/javascript src=url> </script>
Tambin se puede insertar directamente en el cdigo html
Normalmente un script de javascript consta de varias funciones las cuales mandaremos a llamar
cuando ocurren ciertos eventos
window
event frames history document
all children forms
text password file radio checkbox button submit reset textarea select
option
links selection
location navigator screen
Sintaxis de una funcin
Function nombre(){
//cdigo de la funcion
}