Tutorial

ICEP

3.8 Añadir una pagina de internet

Añadir una pagina de internet

Para insertar una pagina de internet, se necesita insertar la etiqueta (a href="x.html"), por ejemplo: (a href="http://www.icep.edu.mx/web/")

Como se ve en la imagen, que ya tiene una pagina agregada en el renglon, al darle click, te redigira a la pagina de ICEP La Piedad

A continuacion se mostrara una imagen del codigo que se escribio para agregar la pagina de internet

3.7 Fondo de Pantalla

Fondo de Pantalla
Para agregar un fondo de pantalla, lo que necesita hacerce es escribir la etiqueta (background) al lado de body, por ejemplo: (body background="imagen1.jpg")

Hay que recordarse escribir el formato de la imagen en la que se bajo esta.

Se mostrara una imagen del codigo que se escribio para agregar la imagen de fondo.

3.6 Salto de renglon

Salto de renglon

El Salto de renglon es muy facil de aplicar, basta con escribir la etiqueta (br) al final de cada renglon en el que se quiera bricar un renglon

A continuacion se mostrara una imagen del codigo

3.5 Centrado de imagenes y textos

Centado de imagen

Para centrar una imagen se escribe la etiqueta (center) desde un punto inicial (antes de la etiqueta de insertar imagen), y para que este se centre, se escribe (/center) pero con su diagonal

como se vera a continuacion.

Centrado de textos
Para el centrado de texto es casi lo mismo que para centrar una imagen, pero para que el texto se centre, se escribe la etiqueta (center) desde un punto inicial, y hasta un punto final se cierra el (/center)
A continuacion se mostrara una imagen del codigo fuente de como se realizo el centrado de texto

3.4 Insertar una Imagen

Para insertar una imagen, debe escribirse la etiqueta (img src), para que la imagen apropiada sea visible, debe escribirse el nombre apropiado, por ejemplo, escribimos (img src="imagen1.jpg"), tambien debe escribirse el formato de imagen en el que se bajo, si es jpg se escribe jpg, si es png se escribe png.

Tambien dependiendo del lugar donde se escribe la etiqueta, es donde la imagen aparecera.

A continuacion dse mostrara el codigo fuente para hacer la pagina web (imagen de arriba)

3.3 Color de Fondo

Para poder aplicar un color de fondo, debe escribirce la etiqueta bgcolor al lado de body, dependiendo el color que se escriba, es el color que se aplicara.

Como se escribio "aqua", se le aplico el color agua.

En la siguiente imagen, se vera como se escribio la etiqueta para agregar fondo de color.

3.2.- Color de letra

Este efecto, como dice en el titulo, sirve para dar el color ala letra.

Cada codigo de color es escrito en ingles y diferente como se ve en la imagen de arriba, una definicion en los colores mas facil es:

blue:azul

green:verde

gold:oro

red:rojo

silver:plateado

yellow:amarillo

Al final de cada renglon se escribe (/font), sirve para aplicarle el color al renglon, pero si se cierra en un segundo renglon o al final, el color escrito en la etiqueta, se aplicara hasta el punto final donde se escribio (/font)

NOTA: Escribir etiquetas con directivas (<,>)

3.1 H1 hasta H6

Esta etiqueta es la que hace el modificado de letra por su tamaño y su grosor, dependiendo que tan alto es el numero en la etiqueta "h_", es mas pequeña la letra y entre sea menor la cantidad, mas grande sera la letra como se ve en la imagen de arriba.


A continuacion se vera el codigo que se escribio para hacer la pagina con el diferente tamaño de letra

3.-Etiquetas

Etiquetas en HTML
Las etiquetas son las llaves principales para agregar efectos como color, imagenes, enlaces, etc. en las paginas de internet, son muy facil de emplearse al saber como se usan y que funcion tiene cada una.

2.-Estructura de una pagina HTML

En esta imagen se ve la pagina principal ya terminada

En esta imagen se ve el codigo que se tubo que escribir en el bloc de notas para hacer la pagina principal. Esto se explicara paso a paso (los parentecis son remplazados con directivas "<,>")

1.-Se comienza con (html),

2.-Se le añade (body)despues de html (para agregar el color de fondo que le escribe despues de body bgcolor="color")

3.-Como se ve en la imagen se comienza con center(centra el texto)

4.-Despues para el color de letra se escribe font color="red"

5.-El h3 es el que controla en tamaño de letra

6.-Despues se escribe "Mi Primera Pagina"

7.-Para que las etiquetas hagan su efecto, se termina como se empezo, pero se le agrega una diagonal despues de abrir la directiva (/)

8.-la etiqueta br, hace que se salte de renglon un parrafo.

9.-Se escribe h3 para el tamaño de letra, y des pues se escribe la frase "hola, soy alumno de ICEP La Piedad, y se termina con el h3 y agregando su diagonal

10.-Para finalizar la pagina, se escribren las etiquetas como al principio, pero al revez y con su diagonal

1.-¿Que es Html?

DEFINICION
HTML, siglas de Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).

HISTORIA
La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.

Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática. El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas.

Indice

1.-¿Que es Html?
2.-Estructura de una pagina HTML
3.-Etiquetas:
3.1.-(h1)hasta (h6)(tamaño y/o grosor de la letra)
3.2.-(font color="red") (color de letra)
3.3.-(bg color="red">(color de fondo)
3.4.-(img) (insertado de imagen)
3.5.-(center)(centrado de imagenes y textos)
3.6.-(br)(salto de renglon)
3.7.-(background) (insertado de imagen de fondo)
3.8.-(a href) (insertado de link de internet)
3.9.-(table)(insertado de tablas)
4.-Tipos de imagen:
4.1.-JPG
4.2.-GIF
4.3.-BMP

HTML

Manual Html

por
Victor Paul Arellano Echeverria