el html ( hyper text markup language ) es el lenguaje con el que se escriben las páginas web....

15
Estructura de una Página Web

Upload: alvaro-vargas-aranda

Post on 23-Jan-2016

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

Estructura de una

Página Web

Page 2: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

HTML:

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web.

Etiqueta de apertura: <html> Etiqueta de cierre: </html>

Page 3: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

<html><head>

<title> Jolcerg Tecnologías…

</title></head><body> Mi Página Web</body>

</html>

Estructura:

Page 4: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

El Bloc de Notas. Notepad++ Macromedia Dreamweaver. Microsoft Frontpage, etc.

Editores:

Page 5: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

<p align="center"><font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a nuestro colegio “ELIM”</font></p>

Este código daría como resultado el siguiente texto:

Bienvenidos a nuestro colegio “ELIM”

Las etiquetas: <p> y <font>

Page 6: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir:

<body bgcolor="#0000FF">...</body></html>Sería equivalente a poner:...<body bgcolor="blue">...</body></html>

Color de fondo en la página Web:

Page 7: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

<html><head><title>MI PRIMERA PAGINA</title></head><body bgcolor="#FFCC99"><font color="#CC3300" size="5">Hola, estoy haciendo pruebas</font></body></html>

Ejemplo de Color de fondo:

Page 8: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir:...<body background="fondo.gif"><body background=“imagenes/fondo.gif">...</body></html>

Ejemplo de Color de fondo: Animada

Page 9: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir:

<html><head><title>MI PRIMERA PAGINA</title></head><body background="imagenes/meduza.jpg"><font color="#CC3300" size="5">Hola, estoy haciendo pruebas</font></body></html>

Ejemplo de Color de fondo: Estática

Page 10: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:
Page 11: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

...<body text="#FF0000">...</body></html>

Color de texto de toda la página:

Page 12: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

Los colores en HTML se representan mediante un número hexadecimal (que tiene como base en n° 16).

Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la F.

Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF.

Existen 216 colores seguros para web.

Colores en Hexadecimal:

Page 13: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:

Existe otra forma de representar algunos colores, sin la necesidad de utilizar números en hexadecimal. Estos colores pueden representarse por su nombre, y son los siguientes:

Colores en Hexadecimal:

Page 14: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:
Page 15: El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre: