Apuntes Básicos Para Códigos Html

Priscila Holom
LENGUAJE HTML

HTML (HyperText Markup Language) es el lenguaje con el que se escriben las páginas web.
Actualmente los estándares Web se crean a partir de XHTML (eXtensible Hyper Text Markup Language) que es una versión modernizada del tradicional HTML, pero compatible con XML

Este lenguaje denominado de etiquetas usa dos caracteres “” que indican inicio y fin de cadaetiqueta. A estos dos caracteres también se los denomina con el nombre de tags
Para escribir el código html de una página Web es recomendable usar el Bloc de notas que viene con Windows, u otro editor de textos sencillo. Tratar de no usar Wordpad o Microsoft Word, pues colocan su propio código el cual puede alterar el código HTML original y así modificar la página Web.



Estructura de una páginaweb en HTML

[pic]


Ejercicio 1: “Crear una página Web sencilla”

1- Crear una carpeta llamada “Ejercicios html” y guardarla dentro de la carpeta del curso.
2- Abrir el bloc de notas y escribir el siguiente código:

3- Guardar el archivo dentro de la carpeta del curso con el nombre “Ejercicio1.html” (sin espacios en blanco)



Es el código para definir títulos de 1°nivel
Es el código para definir títulos de 2° nivel
Es el código para definir párrafos




MARQUESINAS HTML


texto u objeto que contiene la marquesina


Ejercicio 2: Crear un texto que contenga una marquesina y colocarle un título principal y un párrafo

En este ejemplo vemos que una cosa es el título que tiene su etiqueta independiente “h1” y otroelemento distinto es la marquesina la que tiene su propia etiqueta “marque”.










Movimiento de marquesinas

Este código indica la dirección de desplazamiento del objeto que se encuentra dentro de la marquesina.
Si no se escribe la opcion “direction”, por defecto la marquesina toma el valor “direction=left”


marquesina que sube
marquesina quebaja
marquesina hacia la derecha
marquesina hacia la izquierda




Ejercicio 3: Crear un texto que contenga cuatro marquesinas que se mueven en distintas direcciones y colocarle un título principal











Color de fondo de una marquesina


color de relleno de una marquesina

Si usamos colores para la Web lomás correcto es hacer lo siguiente:

color de relleno de una marquesina


Comportamientos de Marquesinas



el texto de la marquesina se mueve y se detiene al final mostrando el texto
Este atributo define el número de píxel que debe aparecer entre la marquesina y otro contenidos de la página, en horizontal.





EVENTOS

Este código Javascript va a hacer que,cuando paso el Mouse sobre cualquier parte de la marquesina donde se mueve un texto, este se detenga.

- onMouseOver hace que cuando pase el Mouse sobre el espacio de la marquesina se dispare el evento escrito a la derecha de este código

- "this.stop();" este es el evento que se dispara, hacienda detener el movimiento del objeto que se desplaza dentro de la marquesina

- "this.start();"este es el evento que se dispara, haciendo reanudar el movimiento de la imagen en la marquesina

[pic]












IMÁGENES EN HTML



1- Insertar una imagen en una página html


Supongamos que tenemos una imagen con el nombre “imagen 1”, (en formato “gif” o “jpeg”), dentro de una carpeta llamada “Ejercicio 1” y queremos insertarla dentro de una página Web que estará ubicadadentro de la misma carpeta, escribimos el siguiente código:

[pic]
Src: es la ruta (path) que describe el camino a seguir para ubicar la imagen “Imagen 1”


2- Ponerle, ancho, altura y borde a la imagen

Vamos a:
1- Achicar la IMAGEN a 200 píxeles de ancho por 150 píxeles de altura
2- Ponerle un borde de 9 píxeles de grosor


[pic]
Width: es el ancho de la imagen (si el...