Issuu on Google+

GUIA N° 1 DE LENGUAJE HTML HTML ES es un lenguaje que se utiliza para la creación de páginas en la WWW. Por página entenderemos el documento que aparece en el visualizador. HTML se compone de una serie de comandos, que son interpretados por el visualizador, o programa que utilizamos para navegar por el WWW.(explorer, chrome etc) CARACTERISTICAS. 1. La ordenes están formadas por comandos llamados etiquetas que tienen la estructura <nombre etiqueta> 2. Toda instrucción esta delimiada por un < > La etiqueta puede tener atributos como ancho, grueso, color etc. <etiqueta atributo = “valor”> ejemplo: <hr size=“15”> 3. No tiene diferencias entre la mayúscula y la minúscula.

ESTRUCTURA. Está compuesta por bloques así. Cabecera, y cuerpo , siempre debe tener una instrucción de inicio y fin. <HTML> <HEAD> Aquí ae coloca el titulo de la cabecera </HEAD> <BODY> Resto de la página </BODY> </HTML> EJERCICIO PRÁCTICO

1. Abra el editor de textos: en Windows abra el Bloc de Notas (inicio + todos los programas + accesorios +bloc de notas 2. Teclee lo siguiente: <HTML> <HEAD> <TITLE>Ejemplo 1 - Mi primera pagina Web</TITLE> </HEAD> <BODY> <CENTER><H1>Mi primera pagina Web</H1></CENTER> <HR> Esta es mi primera pagina, aunque todavia es muy sencilla. Como el lenguaje HTML no es dificil, pronto estare en condiciones de hacer cosas mas interesantes. </BODY> </HTML>

3. Grabe este archivo con el nombre: ejemplo1.html 4. Abra el visualizador. No necesita conectarse a Internet para ver las páginas en su computador. Puede trabajar Off-line 5. Seleccione el archivo ejemplo1.html que acaba de crear. ATENCION.PARA INSERTAR PARRAFOS SE UTILIZARA LA ETIQUETA <P> TEXTO </P> SI SE QUIERE AÑADIR UN SALTO DE RENGLON SE UTILIZARA <BR> Y PARA ALINEARLO SE UTILIZAN LOS ATRIBUTOS <CENTER> <LEFT> <RIGH>

EJEMPLO.

<HTML> <HEAD> <TITLE>Ejemplo 1 - Mi primera pagina Web</TITLE> </HEAD> <BODY> <CENTER><H1>Mi primera pagina Web</H1></CENTER> <HR> Esta es mi primera pagina, aunque todavia es muy sencilla. <BR>Como el lenguaje HTML no es dificil, pronto estare en condiciones de hacer cosas mas interesantes. <P> Aquí va un segundo parrafo.</P> </BODY> </HTML>


Guia 1 html (1)