Trabajo Practico para Regularizar

1- Confeccionar una pgina HTML que muestre su nombre y apellido y en la siguiente lnea el nombre de su colegio.
2- Confeccione una pgina que muestre dos prrafos. En el primero agregar varios saltos de lnea. 3- Agregar un titulo de primer nivel en el primer prrafo del ejercicio 3 y
un titulo de segundo nivel al prrafo siguiente del mismo ejercicio.

4- A la pagina creada en el ejercicio 3 colocarle un fondo rojo. 5- Crear una lista desordenada en donde se nombren 3 provincias
argentinas utilizando el tipo de vieta square.
Introduccin al HTML.
HTML es un lenguaje con el que se escriben las pginas web. stas pueden ser vistas por el usuario mediante un tipo de aplicacin llamada navegador. Podemos decir que por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las paginas webs al usuario, siendo hoy en da la interface mas extendida en la red.
Sintaxis del HTML

ste lenguaje basa su sintaxis en un elemento al que llamamos etiqueta. La etiqueta presenta frecuentemente dos partes: Una apertura de forma general <etiqueta> Un cierre </etiqueta> Todo lo incluido dentro de estas etiquetas sufrir las modificaciones que caracterizan a esta etiqueta. Por ejemplo: Las etiquetas y definen un texto en negrita. esto es negrita El resultado ser: Esto es negrita Las etiquetas y definen un prrafo. Hola, estamos en el prrafo 1. Ahora estamos en el prrafo 2. El resultado seria: Hola, estamos en el prrafo 1. Ahora estamos en el prrafo 2.
Partes de un documento HTML

Un documento HTML esta delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos distinguir dos partes principales: El encabezado, delimitados por <head> y </head> donde colocaremos etiquetas de ndole informativo como por ejemplo el titulo de nuestra pagina. La etiqueta que usaremos dentro del <head> ser: <title> y </title> Esta etiqueta coloca un titula en la parte superior izquierda del navegador. ATENCION!: Esta etiqueta No se utiliza para poner un titulo de bienvenida, es para una referencia en los buscadores como google.
El cuerpo, delimitado por <body> y </body> que ser donde colocaremos nuestro texto e imgenes. Ejemplo de un documento HTML. <html> apertura <head> apertura AQU VAN LAS ETIQUETAS Y CONTENIDO DEL ENCABEZADO </head> cierre <body> apertura AQU COLOCAREMOS ETIQUETAS Y CONTENIDO DEL CUERPO DE LA PAGINA PARTE DEL DOCUEMENTO QUE SERA MOSTRADA POR EL NAVEGADOR: TEXTO E IMGENES </body> cierre </html> cierre *Lo que puse en color rojo (apertura cierre) es una referencia para que veas que etiqueta es de apertura y cual es de cierre, eso no se escribe cuando creamos una pagina.
EJERCICIO.
1) Confeccione una pgina con las marcas mnimas que debe tener y en el cuerpo de la misma disponga su nombre, apellido y curso.
Formato de prrafos
Hemos visto que para definir los prrafos utilizamos la etiqueta que introduce un salto y deja una lnea (rengln) en blanco antes de continuar con el resto del documento. Podemos tambin usar la etiqueta , la cual no tiene cierre (), que nos sirve para bajar de lnea, sin dejar un rengln en blanco. (Cumple la funcin de la tecla ENTER del teclado cuando escribimos en cualquier procesador de textos).
EJERCICIO.
2) Confeccione una pgina que muestre dos prrafos. En el primero agregar 5 saltos de lnea (renglones en blanco).
Alineacin de prrafos.
Alineacin a la izquierda: Para esto utilizaremos el atributo align Texto alineado a la izquierda El resultados sera: Texto alineado a la izquierda. Alineacin al centro:
Texto alineado al centro El resultado sera: Texto alineado al centro Alineacin a la derecha: Texto alineado a la derecha El resultado sera: Texto alineado a la derecha
EJERCICIO.
3) Crear una pagina que contenga en su body, 2 prrafos centrados,
3 a la derecha, un salto triple y 1 prrafo a la izquierda.
Encabezados.
Los encabezados son etiquetas que formatean al texto como un titular, para lo cual asignan un tamao mayor de letra y colocan el texto en negrita. Hay diferentes tipos de encabezados, que se diferencian en el tamao de la letra que utilizan. La etiqueta es la <h1>, para los encabezados ms grandes y as hasta <h6> que es el encabezado ms pequeo. Los encabezados implican tambin una separacin en prrafos, asi que todo lo que escribamos dentro de <h1> y </h1> (o cualquier otro encabezado) se colocara en un prrafo independiente. EJEMPLO <h1> Encabezado de nivel 1</h1> Los encabezado soporta el atributo ALIGN, como otras etiquetas. <h2 align=center> Encabezado nivel 2</h2> Esto creara un encabezado de nivel 2 alineado al centro.
EJERCICIO.
4) Construir una pagina web que contenga todos los encabezados
posibles
Formateo de texto
Negrita ... el bloque de texto entre ambas directivas aparece con un tipo de letra ms gruesa. Cursiva ... el bloque de texto entre ambas directivas aparece con un tipo de letra inclinada hacia la derecha. Subrayado ... el bloque de texto entre ambas directivas aparece subrayado con una lnea horizontal.
Texto de Terminal <TT>...</TT> el bloque de texto entre ambas directivas aparece con letra tipogrfica al estilo de los terminales de texto antiguos. Se usa una letra similar al del texto preformateado con <PRE>...</PRE>. Letra grande <BIG>...</BIG> Letra pequea ... Letra tachada <S>...</S> Subindice ... Superndice ... Cuando anides etiquetas hay que hacerlo correctamente, antes de cerrar la etiqueta principal hay que cerrar las etiquetas que hay dentro de ella. EJEMPLO Esto es negrita y cursiva esta es la manera correcta de hacerlo.
Color, tamao y tipo de letra

La etiqueta encargada de definir estos parmetro es , dentro de esta etiqueta debemos especificar los atributos correspondientes. Atributo face Define el tipo de letra Este texto tiene otra tipografa Se visualizara as en una pgina web Este texto tiene otra tipografa Atributo size Define el tamao de la letra. Existen 7 niveles de tamaos distintos numerados de 1 a 7 por orden creciente. Este texto es ms grande 
Atributo color El color puede ser definido por el atributo color. Cada color es a su vez definido por un nmero hexadecimal que esta compuesto a su vez de tres partes. Cada una de estas partes representa la contribucin del rojo, verde u azul al color en cuestin. Por otra parte, es posible definir de una manera inmediata algunos de los colores ms frecuentemente usados para los que se ha creado un nombre ms nemotcnico. Aqua Black
Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal White Yellow Este texto esta en rojo Que se visualizara de as en una pagina web Este texto esta en rojo.
EJERCICIO.
5) Crear un titular con encabezado nivel 1, en cursiva y color verde
oliva.
6) Un segundo titular con encabezado de nivel 2, tambin en verde
oliva.
7) Todo texto de la pagina deber presentarse con una fuente
distinta d ela fuente por defecto. Por ejemplo Comic Sans MS y en caso de que sta no est en el sistema se coloque la fuente Arial.

Trabajo Practico para Regularizar

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Trabajo Practico para Regularizar

Cargado por

Copyright:

Formatos disponibles

1- Confeccionar una pgina HTML que muestre su nombre y apellido y en la siguiente lnea el nombre de su colegio.

un titulo de segundo nivel al prrafo siguiente del mismo ejercicio.

argentinas utilizando el tipo de vieta square.

Sintaxis del HTML

Partes de un documento HTML

3 a la derecha, un salto triple y 1 prrafo a la izquierda.

Color, tamao y tipo de letra

También podría gustarte