SEGUNDO PERIODO

PORTADA
SEGUNDO PERIODO

27 de abril de 2021
GUÍA 1

FORMATOS DE TEXTO HTML

Atributo Size (TAMAÑO)

Define el tamaño de la letra. Este tamaño puede ser absoluto o relativo.

Si hablamos en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por orden creciente.
Elegiremos por tanto un valor size="1" para la letra más pequeña o size="7" para la más grande.

La sintaxis es:
<font size=4>Este texto es más grande</font>

Así se visualizaría así en una página WEB:

Este texto es más grande

Podemos así mismo modificar el tamaño de la letra con respecto al del texto mostrado precedentemente definiendo el
número de niveles que queremos subir o bajar en esta escala de tamaños por medio de un signo + o -. De este modo,
si definimos nuestro atributo como size="+1" lo que queremos decir es que aumentamos de un nivel el tamaño de la
letra.

Si estábamos escribiendo previamente en 3, pasaremos automáticamente a 4.

Atributos adicionales de la etiqueta FONT:

Face = tipo de letra
Color = color de letra
Size = Tamaño de letra

Negrilla
Para poner negritas hay dos etiquetas Ejemplo:
<b>Así es como se pone un texto en negrita</b>
<strong>Y así también se pone un texto en negrita</strong>
Las dos etiquetas tienen la misma función pero la strong le da más fuerza de cara a los buscadores, por lo que sería
aconsejable utilizar más esta etiqueta.

Subrayado
<u>Así es como se pone un texto con subrayado</u>

Cursiva
Existen varias etiquetas para poner en cursiva un texto: <i> y <em>. Estas etiquetas deben ir siempre acompañadas
de un cierre, por ejemplo:
<i>Así es como se pone un texto en cursiva<i>
<em>Y así también se pone un texto en cursiva</em>

VIDEO DE CONSULTA SOBRE EL TEMA VISTO: https://www.youtube.com/watch?v=f27I406iSms

SIMULADOR ON LINE = http://www.cubicfactory.com/jseditor/ - https://codepen.io/pen/

www.tecnomontreal.blogspot.com
SEGUNDO PERIODO

ACTIVIDAD EN CLASE ATRIBUTOS

1. Cree una página WEB en su carpeta llamada HTML del curso y nómbrela como “ATRIBUTOS DE
TEXTO_apellido_nombre”
2. El título de la página debe ser “FONT SIZE”
3. Escriba el siguiente texto y aplique el formato necesario a los 5 niveles:
Ejemplo:
Texto tamaño aumentado en 1
Texto tamaño aumentado en 1
Texto tamaño aumentado en 1

4. Escriba su nombre al inicio del documento y aplíquele: Negrilla, subrayado y cursiva.

5. Copie el siguiente texto y péguelo en el documento HTML luego aplique:

a. Alineación derecha,
b. Texto en color amarillo,
c. Fondo de página negro
Actualmente desde las hojas de estilo podemos controlar todos los atributos de las fuentes,
tamaño, color, familia, espacios en blanco, saltos de línea, pero existe una forma clásica y
directa de definir color tamaño y tipo de letra de un texto determinado.

Esto se hace a partir de la etiqueta font y su cierre correspondiente, /font. Dentro de esta
etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parámetros
que deseamos definir.

6. Escriba su nombre y apellido al final del documento utilizando los 3 atributos de la etiqueta FONT
7. Guarde y presente la actividad desarrollada en archivo HTML junto con sus apuntes de la guía en su
cuaderno.
8. Envié o presente con asunto “Ejercicio Tamaño de texto”

----------------------------------------------------------------------------------------------------------------------------- --------------------------------
ACTIVIDAD EN CLASE 2

Utilizando el simulador on line

1. Observe de nuevo como utilizar este simulador para trabajar en él, y compartir lo realizado.
VIDEO: https://youtu.be/0jnRulyROZo?t=117 - https://www.youtube.com/watch?v=f27I406iSms
2. Comparta su enlace en Classroom de una pequeña página en donde se muestre una frase
tecnológica, en la cual se observen aplicadas las etiquetas vistas en la anterior clase (Face,
color, size)
3. Agregue su nombre al finalizar la actividad en fuente tipo Times New Roman color azul

www.tecnomontreal.blogspot.com
SEGUNDO PERIODO

ÁREA DE CONSULTA

ÁREA DE PRÁCTICA

ÁREA IMAGENES:

www.tecnomontreal.blogspot.com