2A/2C Práctica#4 — Computación

Copiar el siguiente apunte en la libreta.

Párrafos <p> …

El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>.

No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente.

También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda),right(derecha), center(centrado) o justify(justificado).

Otro par de etiquetas que permiten agrupar bloques de texto, pero que no implican el cambio de línea (como en el caso de <p> y <div>), son las etiquetas <span> y</span> volveremos a hablar de estas etiquetas cuando veamos las hojas de estilo.

 

 Copiar el siguiente código en Notepad++ y guardarlo con el nombre P4 apellido nombre.html y enviarlo por schoology.

 

2C Práctica#3 – Computación

Copiar la siguiente información en la libreta.

Saltos de línea <br>

En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla ENTER.

Si pulsamos ENTER en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla ENTER hay que insertar la etiqueta <br>donde se desee que se produzca el salto.

La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br>después de ella, ya que dicha etiqueta no existe.

Texto preformateado <pre>

Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.

Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán todos los espacios en blanco que se inserten en el texto, así como todos los saltos de línea resultantes de pulsar la tecla ENTER, sin la necesidad de utilizar la etiqueta <br>.

El inconveniente de esta etiqueta es que entre las etiquetas <pre> y </pre> no se pueden incluir las etiquetas <img> (para incluir imágenes), <object> (para incluir objetos como animaciones), <big><small><sub> ni <sup> (las veremos en este tema).

Copiar la siguiente código en Notepad++ y guardar el archivo como p3 apellido nombre y tipo HTML. Enviarlo por schoology.

 

2A/2B Práctica#3 – Computación

Copiar la siguiente información en la libreta.

Saltos de línea <br>

En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla ENTER.

Si pulsamos ENTER en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla ENTER hay que insertar la etiqueta <br>donde se desee que se produzca el salto.

La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br>después de ella, ya que dicha etiqueta no existe.

Texto preformateado <pre>

Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.

Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán todos los espacios en blanco que se inserten en el texto, así como todos los saltos de línea resultantes de pulsar la tecla ENTER, sin la necesidad de utilizar la etiqueta <br>.

El inconveniente de esta etiqueta es que entre las etiquetas <pre> y </pre> no se pueden incluir las etiquetas <img> (para incluir imágenes), <object> (para incluir objetos como animaciones), <big><small><sub> ni <sup> (las veremos en este tema).

Copiar la siguiente código en Notepad++ y guardar el archivo como p3 apellido nombre y tipo HTML. Enviarlo por schoology.

 

2B/2C ¿Como buscar imágenes en Google?

Anotar el siguiente apunte en la libreta.

Para buscar imágenes de una manera más exacta y precisa , debemos utilizar las herramientas que nos ofrece GOOGLE.

Pasos para realizar una búsqueda:

  • Acceder a  www.google.com
  • Dar clic en Imágenes
  • Después en Herramientas
    • Tamaño
    • Color
    • Tipo

Ejemplos:

Buscar una imagen de montañas, con color rosa.

 

2B/2A Práctica #2 – Computación

Copiar en en la libreta la siguiente información

Cuerpo del documento <body>

El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.

Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.

El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.

Por ejemplo:

<body bgcolor=”#0000FF”>   ó    <body bgcolor=”blue”>

La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.

Por ejemplo:

<body background=”fondo.gif”>

En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir:        

<body background=”imagenes/fondo.gif”>

 

Anexo el siguiente código que debes copiar en notepad++ y guardarlo con el nombre P2 apellido nombre , recuerda que le debes poner tipoHTML(Hyper Text Markup Language)

2C Práctica #2 – Computación

Copiar en en la libreta la siguiente información

Cuerpo del documento <body>

El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.

Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.

El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.

Por ejemplo:

<body bgcolor=”#0000FF”>   ó    <body bgcolor=”blue”>

La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.

Por ejemplo:

<body background=”fondo.gif”>

En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir:        

<body background=”imagenes/fondo.gif”>

 

Anexo el siguiente código que debes copiar en notepad++ y guardarlo con el nombre P2 apellido nombre , recuerda que le debes poner tipoHTML(Hyper Text Markup Language)