You are on page 1of 14

HTML

¿QUÉ ES ?

• En conjunto de etiquetas que sirven para definir elementos que compondrán una página web este lenguaje es interpretado por los navegadores . .• HyperText Markup Language (Lenguaje de Marcado de Hipertexto).

Estructura básica <HTML> <HEAD> <TITLE> Título de la página </TITLE> . </HEAD> <BODY> Aquí iría el contenido de la página </BODY> </HTML> ...

.web"> <head> En este caso las etiquetas le indican a los buscadores el contenido de nuestras páginas (description) y algunas palabras clave (keywords) para su localización.Etiquetas <html> <meta name="description" content=“Mi primer pagina web "> <meta name="keywords" content=“pagina.

La cabecera <head></head> <head> <TITLE>Titulo </TITLE> </head> .

El cuerpo <body></body> <BODY> Aquí iría el contenido de la página </BODY> .

com">facebook</a> Enlace que se abre en una nueva ventana <a href="index.facebook.html">Ir a pagina index</a> Enlace a una dirección de Internet <a HREF="http://www.htm" target="nueva">Indice</a> Enlaces usando imágenes <A HREF=" #inicio"><img src="gifs/imagen.gif"></A> .Enlaces <A HREF="URL"> ir a </A> Enlace a otra página local <a href=“index.

disco o cuadrado) y añadir sublistas. disc o square (círculo. .Listas <ul> <li>Andrea <li>Jose <li>Evelin </ul> La lista se declara con la etiqueta <UL> y finaliza con el cierre de la misma </UL <ul> <li type= disc>Primer término de la lista <ul> <li>Sublista <li>Otro elemento </ul> <li type=circle>Segundo término <li type=square>Tercer término </ul> El atributo TYPE= circle.

i. a. A. I. .<ol type=i> <li >Primer <li >Segundo </ol> Lista ordenada El atributoTYPE toma ahora los valores 1.

Formatos de texto <h1> Título </h1> <h2> Título </h2> <h3> Título </h3> <h4> Título </h4> Jerarquía de Títulos y subtítulos <B>Texto en Negrita</b> <I>Itálica</i> <B><I>Negrita e Itálica</i></b> <U>Subrayado</u> .

css" rel="stylesheet" type="text/css"> .CSS Hoja de estilos Enlazar a html <link href="css/estructura.

Atributos TYPE se usa para especificar un tipo de medio REL se usa para definir la relación entre el archivo enlazado y el documento HTML.ENLAZÁNDOSE A UNA HOJA DE ESTILO EXTERNA <link href="css/estructura.css" rel="stylesheet" type="text/css"> <LINK> se coloca en la cabecera <head> del documento. .

<STYLE TYPE="text/css" MEDIA=screen> <!-.gif) red. color: black } . color: black } P EM { background: yellow.BODY { background: url(foo.nota { margin-left: 5em. margin-right: 5em } --> </STYLE> .

DIV O PA #LayoutDiv1 { position: absolute. width: 100%. margin-left: 0. } Flotante o fijo . height:100% float: left.