Trabajo Practico para Regularizar
Trabajo Practico para Regularizar
Trabajo Practico para Regularizar
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
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.
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 <p> que introduce un salto y deja una lnea (rengln) en blanco antes de continuar con el resto del documento. Podemos tambin usar la etiqueta <br>, la cual no tiene cierre (</br>), 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 <p align=left>Texto alineado a la izquierda</p> El resultados sera: Texto alineado a la izquierda. Alineacin al centro:
<p align=center>Texto alineado al centro</p> El resultado sera: Texto alineado al centro Alineacin a la derecha: <p align=right>Texto alineado a la derecha</p> El resultado sera: Texto alineado a la derecha
EJERCICIO.
3) Crear una pagina que contenga en su body, 2 prrafos centrados,
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 <B>...</B> el bloque de texto entre ambas directivas aparece con un tipo de letra ms gruesa. Cursiva <I>...</I> el bloque de texto entre ambas directivas aparece con un tipo de letra inclinada hacia la derecha. Subrayado <U>...</U> 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 <SMALL>...</SMALL> Letra tachada <S>...</S> Subindice <SUB>...</SUB> Superndice <SUP>...</SUP> Cuando anides etiquetas hay que hacerlo correctamente, antes de cerrar la etiqueta principal hay que cerrar las etiquetas que hay dentro de ella. EJEMPLO <b>Esto es negrita y <i>cursiva</i></b> esta es la manera correcta de hacerlo.
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 <font color=red>Este texto esta en rojo</font> 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.