SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
INTRODUCCIÓN AL LENGUAJE HTML

                                       GUIA N° 2

Continuando con las etiquetas de texto nos encontramos:

Etiqueta <font> </font>

Esta etiqueta permite personalizar el texto controlando el tamaño, el color y el tipo de
fuente a través de los atributos: Size, Color y Face respectivamente.



    Atributo color: determina el color que se aplica al texto y puede expresarse
     mediante un valor hexadecimal o el nombre en inglés de un color específico y
     aunque teóricamente se pueden mostrar millones de colores, existen 16 que
     forman la llamada “Paleta Segura” la cual garantiza que las páginas pueden
     verse tal como fueron diseñadas.




    Atributo size: determina el tamaño relativo del texto. Los tamaños válidos son
     del 1 al 7, siendo el predeterminado el 3 y el más grande el 1 y admite valores
     positivos y negativos.
    Atributo face: asigna una fuente o tipo de letra disponibles en el sistema tales
     como: Arial, Helvetica, Times New Roman, etc.
ACTIVIDAD TEÓRICA

      Retome la hoja de respuestas usada en la guía 1 y desarrolle:

          9. ¿Cuáles son los tributos de la etiqueta font?
          10. ¿Qué se puede hacer con la etiqueta font?
          11. Haga un listado con los nombres (en español y en inglés) y
              los códigos hexadecimales de la paleta segura.




Etiqueta <pre> </pre>

El lenguaje html sólo reconoce y muestra un espacio en blanco entre palabras,
aunque se hayan escrito dos o más; tampoco reconoce tabuladores ni saltos de
línea.

Si se quiere que el texto se vea en la página tal como fue escrito, éste debe
encerrarse dentro de las etiquetas <pre> </pre> (preformated) que forzarán al
tabulador a mostrar todos los espacios, tabuladores y saltos de línea que se
encuentre.
ACTIVIDAD PRÁCTICA

Desarrolle en el computador:

Retome la página ya creada y haciendo uso de la etiquetas <pre>, redacte
un párrafo, no inferior a 10 renglones en letra arial número 12, donde cuente
parte de su historia personal, como lugar de nacimiento, nombre de los
padres, hermanos, colegios en los cuales ha estudiado etc. Utilice en el
ejercicio tabuladores, saltos de línea, etc.




                               EXITOS

Más contenido relacionado

La actualidad más candente

Herramientas
HerramientasHerramientas
Herramientasmontimor
 
Diccionario visual basic
Diccionario visual basicDiccionario visual basic
Diccionario visual basicEdwin Larota
 
Introducción al procesador de textos
Introducción al procesador de textosIntroducción al procesador de textos
Introducción al procesador de textosFito Moya
 
Formularios html
Formularios htmlFormularios html
Formularios htmlArtmio
 
Presentación teclado accesible aefat 2011
Presentación teclado accesible aefat 2011Presentación teclado accesible aefat 2011
Presentación teclado accesible aefat 2011Teclado Accesible
 
Ejercicios variados de word
Ejercicios variados de wordEjercicios variados de word
Ejercicios variados de wordRaúl Cortizo
 
Tarea sesion3 karla
Tarea sesion3 karlaTarea sesion3 karla
Tarea sesion3 karlaKarla Gómez
 
Trabajo Practico N 16
Trabajo  Practico N 16Trabajo  Practico N 16
Trabajo Practico N 16rominalopez11
 
EJEMPLOS DE WORD
EJEMPLOS DE WORDEJEMPLOS DE WORD
EJEMPLOS DE WORDroberto2195
 
Html
HtmlHtml
HtmlUEB
 
Preparación para segundo parcial TA
Preparación para segundo parcial TAPreparación para segundo parcial TA
Preparación para segundo parcial TAUTP, TA
 
Confección manual de word
Confección manual de wordConfección manual de word
Confección manual de wordaguamarina46
 
El Diccionario De La Real Academia
El Diccionario De La Real AcademiaEl Diccionario De La Real Academia
El Diccionario De La Real Academialuisapla
 
Cómo activar la corrección gramatical en writer de libreoffice
Cómo activar la corrección gramatical en writer de libreofficeCómo activar la corrección gramatical en writer de libreoffice
Cómo activar la corrección gramatical en writer de libreofficeFuncionarios Eficientes
 
Prologo Trabajo Luis Completo Version 97
Prologo Trabajo Luis Completo Version 97Prologo Trabajo Luis Completo Version 97
Prologo Trabajo Luis Completo Version 97guestd51d1a
 

La actualidad más candente (18)

Herramientas
HerramientasHerramientas
Herramientas
 
Diccionario visual basic
Diccionario visual basicDiccionario visual basic
Diccionario visual basic
 
Introducción al procesador de textos
Introducción al procesador de textosIntroducción al procesador de textos
Introducción al procesador de textos
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
Presentación teclado accesible aefat 2011
Presentación teclado accesible aefat 2011Presentación teclado accesible aefat 2011
Presentación teclado accesible aefat 2011
 
Ejercicios variados de word
Ejercicios variados de wordEjercicios variados de word
Ejercicios variados de word
 
Tarea sesion3 karla
Tarea sesion3 karlaTarea sesion3 karla
Tarea sesion3 karla
 
Trabajo Practico N 16
Trabajo  Practico N 16Trabajo  Practico N 16
Trabajo Practico N 16
 
Tutorial
TutorialTutorial
Tutorial
 
EJEMPLOS DE WORD
EJEMPLOS DE WORDEJEMPLOS DE WORD
EJEMPLOS DE WORD
 
Html
HtmlHtml
Html
 
Preparación para segundo parcial TA
Preparación para segundo parcial TAPreparación para segundo parcial TA
Preparación para segundo parcial TA
 
Confección manual de word
Confección manual de wordConfección manual de word
Confección manual de word
 
Apuntes 3
Apuntes 3Apuntes 3
Apuntes 3
 
html
htmlhtml
html
 
El Diccionario De La Real Academia
El Diccionario De La Real AcademiaEl Diccionario De La Real Academia
El Diccionario De La Real Academia
 
Cómo activar la corrección gramatical en writer de libreoffice
Cómo activar la corrección gramatical en writer de libreofficeCómo activar la corrección gramatical en writer de libreoffice
Cómo activar la corrección gramatical en writer de libreoffice
 
Prologo Trabajo Luis Completo Version 97
Prologo Trabajo Luis Completo Version 97Prologo Trabajo Luis Completo Version 97
Prologo Trabajo Luis Completo Version 97
 

Destacado

Creación de un blog grupo fus
Creación de un blog grupo fusCreación de un blog grupo fus
Creación de un blog grupo fusDavid Velandia
 
Ocupación desocupación y subocupacon
Ocupación desocupación y subocupaconOcupación desocupación y subocupacon
Ocupación desocupación y subocupaconAracely Velasco
 
Claves para alcanzar la competitividad con las personas cn pymes murcia
Claves para alcanzar la competitividad con las personas   cn pymes murciaClaves para alcanzar la competitividad con las personas   cn pymes murcia
Claves para alcanzar la competitividad con las personas cn pymes murciaEugenio de Andrés
 
Libro digital-neurociencias
Libro digital-neurocienciasLibro digital-neurociencias
Libro digital-neurocienciasMarta Montoro
 
Cetelem Observador 2011 Auto Europeo: Los Jóvenes y el Automovil
Cetelem Observador 2011 Auto Europeo: Los Jóvenes y el AutomovilCetelem Observador 2011 Auto Europeo: Los Jóvenes y el Automovil
Cetelem Observador 2011 Auto Europeo: Los Jóvenes y el AutomovilCetelem
 
Jvp notas presentación de un proyecto
Jvp notas presentación de un proyectoJvp notas presentación de un proyecto
Jvp notas presentación de un proyectoJose Vidales
 
Tao programa 2014
Tao programa 2014Tao programa 2014
Tao programa 2014Laura Ahmed
 
Portafolio conociendo nuestro territorio a traves de las tic grupo 3 b
Portafolio conociendo nuestro territorio a traves de las tic  grupo 3 bPortafolio conociendo nuestro territorio a traves de las tic  grupo 3 b
Portafolio conociendo nuestro territorio a traves de las tic grupo 3 bxavi-pa
 
Ejercicios detallados del obj 2 mat iii 733
Ejercicios detallados del obj 2 mat iii  733 Ejercicios detallados del obj 2 mat iii  733
Ejercicios detallados del obj 2 mat iii 733 Jonathan Mejías
 
Dicapacidad intelectual
Dicapacidad intelectualDicapacidad intelectual
Dicapacidad intelectualMarta Montoro
 
Segunda sesion CTE 14-15 preescolar inicial
Segunda sesion CTE  14-15 preescolar inicialSegunda sesion CTE  14-15 preescolar inicial
Segunda sesion CTE 14-15 preescolar inicialLuis Medina
 
Principios fundamentales de la toma de decisiones
Principios fundamentales de la  toma de decisionesPrincipios fundamentales de la  toma de decisiones
Principios fundamentales de la toma de decisionesgloriavilla11
 
V+¡ctor jara, matem+ítica, 2 ¦a, v4
V+¡ctor jara, matem+ítica, 2 ¦a, v4V+¡ctor jara, matem+ítica, 2 ¦a, v4
V+¡ctor jara, matem+ítica, 2 ¦a, v4davinia_cubillo
 
Cetelem Observatorio Consumo 2014, Sector salud y estetica
Cetelem Observatorio Consumo 2014, Sector salud y esteticaCetelem Observatorio Consumo 2014, Sector salud y estetica
Cetelem Observatorio Consumo 2014, Sector salud y esteticaCetelem
 

Destacado (20)

Creación de un blog grupo fus
Creación de un blog grupo fusCreación de un blog grupo fus
Creación de un blog grupo fus
 
Ocupación desocupación y subocupacon
Ocupación desocupación y subocupaconOcupación desocupación y subocupacon
Ocupación desocupación y subocupacon
 
Crítica a la modernidad
Crítica a la modernidadCrítica a la modernidad
Crítica a la modernidad
 
Claves para alcanzar la competitividad con las personas cn pymes murcia
Claves para alcanzar la competitividad con las personas   cn pymes murciaClaves para alcanzar la competitividad con las personas   cn pymes murcia
Claves para alcanzar la competitividad con las personas cn pymes murcia
 
Libro digital-neurociencias
Libro digital-neurocienciasLibro digital-neurociencias
Libro digital-neurociencias
 
Cetelem Observador 2011 Auto Europeo: Los Jóvenes y el Automovil
Cetelem Observador 2011 Auto Europeo: Los Jóvenes y el AutomovilCetelem Observador 2011 Auto Europeo: Los Jóvenes y el Automovil
Cetelem Observador 2011 Auto Europeo: Los Jóvenes y el Automovil
 
Jvp notas presentación de un proyecto
Jvp notas presentación de un proyectoJvp notas presentación de un proyecto
Jvp notas presentación de un proyecto
 
Tao programa 2014
Tao programa 2014Tao programa 2014
Tao programa 2014
 
Guia dislexia
Guia dislexiaGuia dislexia
Guia dislexia
 
Portafolio conociendo nuestro territorio a traves de las tic grupo 3 b
Portafolio conociendo nuestro territorio a traves de las tic  grupo 3 bPortafolio conociendo nuestro territorio a traves de las tic  grupo 3 b
Portafolio conociendo nuestro territorio a traves de las tic grupo 3 b
 
Ejercicios detallados del obj 2 mat iii 733
Ejercicios detallados del obj 2 mat iii  733 Ejercicios detallados del obj 2 mat iii  733
Ejercicios detallados del obj 2 mat iii 733
 
Sector secundario de la economía
Sector secundario de la economía Sector secundario de la economía
Sector secundario de la economía
 
Dicapacidad intelectual
Dicapacidad intelectualDicapacidad intelectual
Dicapacidad intelectual
 
Hemorragia uterina
Hemorragia uterina Hemorragia uterina
Hemorragia uterina
 
Segunda sesion CTE 14-15 preescolar inicial
Segunda sesion CTE  14-15 preescolar inicialSegunda sesion CTE  14-15 preescolar inicial
Segunda sesion CTE 14-15 preescolar inicial
 
Etapas escritura
Etapas escrituraEtapas escritura
Etapas escritura
 
Principios fundamentales de la toma de decisiones
Principios fundamentales de la  toma de decisionesPrincipios fundamentales de la  toma de decisiones
Principios fundamentales de la toma de decisiones
 
V+¡ctor jara, matem+ítica, 2 ¦a, v4
V+¡ctor jara, matem+ítica, 2 ¦a, v4V+¡ctor jara, matem+ítica, 2 ¦a, v4
V+¡ctor jara, matem+ítica, 2 ¦a, v4
 
Cetelem Observatorio Consumo 2014, Sector salud y estetica
Cetelem Observatorio Consumo 2014, Sector salud y esteticaCetelem Observatorio Consumo 2014, Sector salud y estetica
Cetelem Observatorio Consumo 2014, Sector salud y estetica
 
Dispepsia (1)
Dispepsia (1)Dispepsia (1)
Dispepsia (1)
 

Similar a Guia 2 lenguaje_html (20)

HInf2 exc12 p1_a_unidad 3_html_jessica
HInf2 exc12 p1_a_unidad 3_html_jessicaHInf2 exc12 p1_a_unidad 3_html_jessica
HInf2 exc12 p1_a_unidad 3_html_jessica
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Curso htm profe. andres l
Curso htm profe.  andres lCurso htm profe.  andres l
Curso htm profe. andres l
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Texto enrriquecido HTML
Texto enrriquecido HTMLTexto enrriquecido HTML
Texto enrriquecido HTML
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Resumen contenido tic3
Resumen contenido tic3Resumen contenido tic3
Resumen contenido tic3
 
Vals}(1)
Vals}(1)Vals}(1)
Vals}(1)
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
Trabajo complato de word
Trabajo complato de wordTrabajo complato de word
Trabajo complato de word
 
M Word
M WordM Word
M Word
 
Ensayo 3
Ensayo 3Ensayo 3
Ensayo 3
 
FORMATOS.- FORMATOS PARA IMPRESIÓN DE TEXTO
FORMATOS.- FORMATOS PARA IMPRESIÓN DE TEXTOFORMATOS.- FORMATOS PARA IMPRESIÓN DE TEXTO
FORMATOS.- FORMATOS PARA IMPRESIÓN DE TEXTO
 
Html
Html Html
Html
 
Unidad 1 ciclo 6
Unidad 1 ciclo 6Unidad 1 ciclo 6
Unidad 1 ciclo 6
 
Leccion VI
Leccion VILeccion VI
Leccion VI
 

Guia 2 lenguaje_html

  • 1. INTRODUCCIÓN AL LENGUAJE HTML GUIA N° 2 Continuando con las etiquetas de texto nos encontramos: Etiqueta <font> </font> Esta etiqueta permite personalizar el texto controlando el tamaño, el color y el tipo de fuente a través de los atributos: Size, Color y Face respectivamente.  Atributo color: determina el color que se aplica al texto y puede expresarse mediante un valor hexadecimal o el nombre en inglés de un color específico y aunque teóricamente se pueden mostrar millones de colores, existen 16 que forman la llamada “Paleta Segura” la cual garantiza que las páginas pueden verse tal como fueron diseñadas.  Atributo size: determina el tamaño relativo del texto. Los tamaños válidos son del 1 al 7, siendo el predeterminado el 3 y el más grande el 1 y admite valores positivos y negativos.  Atributo face: asigna una fuente o tipo de letra disponibles en el sistema tales como: Arial, Helvetica, Times New Roman, etc.
  • 2. ACTIVIDAD TEÓRICA Retome la hoja de respuestas usada en la guía 1 y desarrolle: 9. ¿Cuáles son los tributos de la etiqueta font? 10. ¿Qué se puede hacer con la etiqueta font? 11. Haga un listado con los nombres (en español y en inglés) y los códigos hexadecimales de la paleta segura. Etiqueta <pre> </pre> El lenguaje html sólo reconoce y muestra un espacio en blanco entre palabras, aunque se hayan escrito dos o más; tampoco reconoce tabuladores ni saltos de línea. Si se quiere que el texto se vea en la página tal como fue escrito, éste debe encerrarse dentro de las etiquetas <pre> </pre> (preformated) que forzarán al tabulador a mostrar todos los espacios, tabuladores y saltos de línea que se encuentre.
  • 3. ACTIVIDAD PRÁCTICA Desarrolle en el computador: Retome la página ya creada y haciendo uso de la etiquetas <pre>, redacte un párrafo, no inferior a 10 renglones en letra arial número 12, donde cuente parte de su historia personal, como lugar de nacimiento, nombre de los padres, hermanos, colegios en los cuales ha estudiado etc. Utilice en el ejercicio tabuladores, saltos de línea, etc. EXITOS