SlideShare una empresa de Scribd logo
1 de 7
Colegio Nacional Nicolás Esguerra
Edificamos Futuro
Jean Alejandro Suarez Vásquez
Nicolás Javier Suarez Sánchez
Pagina Web III
Formatear el texto <font>
Atributo Significado Posibles valores
face fuente nombre de la fuente, o fuentes
color color del texto número hexadecimal o texto predefinido
size
tamaño del
texto
valores del 1 al 7, siendo por defecto el 3,
o desplazamiento respecto al tamaño por defecto,
añadiendo + o - delante del valor
Habría que escribir:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a www.aulaclic.com</font>
Resaltado del texto <b> ...
Etiqueta Significado Ejemplo
<b> negrita curso HTML aulaclic
<i> cursiva curso HTML aulaclic
<u> subrayado curso HTML aulaclic
<s> tachado curso HTML aulaclic
<tt> teletipo (máquina de escribir) curso HTML aulaclic
<big> aumenta el tamaño de la fuente curso HTML aulaclic
<small> disminuye el tamaño de la fuente curso HTML aulaclic
Etiqueta Significado Ejemplo
<cite> cita curso HTML aulaclic
<code> ejemplo de código curso HTML aulaclic
<dfn> definición curso HTML aulaclic
<del> eliminado curso HTML aulaclic
<em> énfasis curso HTML aulaclic
<ins> insertado curso HTML aulaclic
<kbd> teclado curso HTML aulaclic
<samp> muestra curso HTML aulaclic
<strong> destacado curso HTML aulaclic
<sub> subíndice curso HTML aulaclic
<sup> superíndice curso HTML aulaclic
<var> variable curso HTML aulaclic
Las etiquetas más utilizadas son las asociadas al tipo de letra, ya que
son más fáciles de recordar, y en muchos casos los resultados son los
mismos que los de aplicar una etiqueta diferente.Por ejemplo,el
resultado de aplicar las etiquetas <b> y <strong> es el mismo.Incluso
a veces algunos estilos asociados al tipo de informaciónpueden
representarse de forma distinta segúnel navegador.
Habría que escribir:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a
<b><u><tt>www.aulaclic.com</tt></u></b></font>
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>.
Habría que escribir:
<p align="center">Bienvenidos a mi p&aacutegina.</p>
<p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacutenmuy
interesantes.</p>
Habría que escribir:
<div align="center">Bienvenidosa mi p&aacutegina.</div>
<div>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy
interesantes.</div>
Encabezados <h1>
Existen una serie de encabezados que suelen utilizarse para
establecer títulos dentro de una página. La diferencia entre los
distintos tipos de encabezado es el tamaño de la letra, el tipo de
resaltado, y la separaciónexistente entre el texto y los elementos que
tiene encima y debajo de él.
Etiqueta Ejemplo
<H1>
Título 1: HTML
<H2>
Título 2: HTML
<H3>
Título 3: HTML
<H4>
Título 4: HTML
<H5>
Título 5: HTML
<H6>
Título 6: HTML
or ejemplo, para insertar el texto:
El lenguaje HTML
Apartado 1: Las etiquetas
Habría que escribir:
<H2 align="center">El lenguaje HTML</H2><H4>Apartado 1: Las
etiquetas</H4>
Marquesinas <marquee>
Las marquesinas son líneas de texto que pueden desplazarse de un
lado a otro de la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las
etiquetas <marquee> y </marquee>.
La marquesina, por defecto, se desplaza de derecha a izquierda
indefinidamente, pero si lo deseas puedes hacer que estas
propiedades varíen.
Habría que escribir:
<marquebgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina
</font></b>
</marquee>
También es posible insertar imágenes,tablas y otros elementos entre
las etiquetas <marquee> y </marquee>, no sólamente texto.
Trabajo terminado
.

Más contenido relacionado

La actualidad más candente (9)

WEB 3
WEB 3WEB 3
WEB 3
 
Pagina web lll
Pagina web lllPagina web lll
Pagina web lll
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Introducción al desarrollo web
Introducción al desarrollo webIntroducción al desarrollo web
Introducción al desarrollo web
 
Colegio nacional nicola sx2
Colegio nacional nicola sx2Colegio nacional nicola sx2
Colegio nacional nicola sx2
 
HTML MARQUEE ETC
HTML MARQUEE ETCHTML MARQUEE ETC
HTML MARQUEE ETC
 
Htm
HtmHtm
Htm
 
DiseñO Web Taller 3
DiseñO Web   Taller 3DiseñO Web   Taller 3
DiseñO Web Taller 3
 
Colegio nacional nicola sx2
Colegio nacional nicola sx2Colegio nacional nicola sx2
Colegio nacional nicola sx2
 

Destacado (6)

pag 4
pag 4pag 4
pag 4
 
Mapa conceptual html 1
Mapa conceptual html 1Mapa conceptual html 1
Mapa conceptual html 1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
fuentes
fuentesfuentes
fuentes
 
Doc1
Doc1Doc1
Doc1
 
Jjjjjjj
JjjjjjjJjjjjjj
Jjjjjjj
 

Similar a Pagina web III (20)

Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Html trabajo 3 de informatica 904 JER
Html trabajo 3 de informatica 904 JERHtml trabajo 3 de informatica 904 JER
Html trabajo 3 de informatica 904 JER
 
PAGINA WEB 3
PAGINA WEB 3PAGINA WEB 3
PAGINA WEB 3
 
Taller 3
Taller 3Taller 3
Taller 3
 
trabajo 3 html
trabajo 3 htmltrabajo 3 html
trabajo 3 html
 
DISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdfDISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdf
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Brayan2
Brayan2Brayan2
Brayan2
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 

Más de Nicolas Sanchez (20)

Base actualizada nico 6
Base actualizada nico 6Base actualizada nico 6
Base actualizada nico 6
 
Base actualizada
Base actualizada Base actualizada
Base actualizada
 
Base actualizada
Base actualizada Base actualizada
Base actualizada
 
normsas i-contec
normsas i-contecnormsas i-contec
normsas i-contec
 
Detectar y seguir líneas por nxt
Detectar y seguir líneas por nxt Detectar y seguir líneas por nxt
Detectar y seguir líneas por nxt
 
Expodidactica trl presentacion
Expodidactica trl presentacion Expodidactica trl presentacion
Expodidactica trl presentacion
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
educacion
educacioneducacion
educacion
 
Llllllslsl58
Llllllslsl58Llllllslsl58
Llllllslsl58
 
Lego nxt
Lego nxtLego nxt
Lego nxt
 
Lego nxt
Lego nxtLego nxt
Lego nxt
 
Presentacióny
PresentaciónyPresentacióny
Presentacióny
 
Corrección de la evaluación 2
Corrección de la evaluación 2Corrección de la evaluación 2
Corrección de la evaluación 2
 
Alejo y n
Alejo y nAlejo y n
Alejo y n
 
jh
jhjh
jh
 
uj
ujuj
uj
 
j
jj
j
 
ik
ikik
ik
 
k
kk
k
 
kj
kjkj
kj
 

Último

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
NadiaMartnez11
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
pvtablets2023
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 

Último (20)

Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 

Pagina web III

  • 1. Colegio Nacional Nicolás Esguerra Edificamos Futuro Jean Alejandro Suarez Vásquez Nicolás Javier Suarez Sánchez Pagina Web III Formatear el texto <font> Atributo Significado Posibles valores face fuente nombre de la fuente, o fuentes color color del texto número hexadecimal o texto predefinido size tamaño del texto valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o - delante del valor Habría que escribir: <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font> Resaltado del texto <b> ... Etiqueta Significado Ejemplo <b> negrita curso HTML aulaclic <i> cursiva curso HTML aulaclic <u> subrayado curso HTML aulaclic <s> tachado curso HTML aulaclic <tt> teletipo (máquina de escribir) curso HTML aulaclic <big> aumenta el tamaño de la fuente curso HTML aulaclic <small> disminuye el tamaño de la fuente curso HTML aulaclic
  • 2. Etiqueta Significado Ejemplo <cite> cita curso HTML aulaclic <code> ejemplo de código curso HTML aulaclic <dfn> definición curso HTML aulaclic <del> eliminado curso HTML aulaclic <em> énfasis curso HTML aulaclic <ins> insertado curso HTML aulaclic <kbd> teclado curso HTML aulaclic <samp> muestra curso HTML aulaclic <strong> destacado curso HTML aulaclic <sub> subíndice curso HTML aulaclic <sup> superíndice curso HTML aulaclic <var> variable curso HTML aulaclic Las etiquetas más utilizadas son las asociadas al tipo de letra, ya que son más fáciles de recordar, y en muchos casos los resultados son los mismos que los de aplicar una etiqueta diferente.Por ejemplo,el resultado de aplicar las etiquetas <b> y <strong> es el mismo.Incluso a veces algunos estilos asociados al tipo de informaciónpueden representarse de forma distinta segúnel navegador. Habría que escribir: <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a <b><u><tt>www.aulaclic.com</tt></u></b></font>
  • 3. 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>. Habría que escribir: <p align="center">Bienvenidos a mi p&aacutegina.</p> <p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacutenmuy interesantes.</p> Habría que escribir: <div align="center">Bienvenidosa mi p&aacutegina.</div> <div>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy interesantes.</div>
  • 4. Encabezados <h1> Existen una serie de encabezados que suelen utilizarse para establecer títulos dentro de una página. La diferencia entre los distintos tipos de encabezado es el tamaño de la letra, el tipo de resaltado, y la separaciónexistente entre el texto y los elementos que tiene encima y debajo de él. Etiqueta Ejemplo <H1> Título 1: HTML <H2> Título 2: HTML <H3> Título 3: HTML <H4> Título 4: HTML <H5> Título 5: HTML <H6> Título 6: HTML or ejemplo, para insertar el texto: El lenguaje HTML Apartado 1: Las etiquetas Habría que escribir: <H2 align="center">El lenguaje HTML</H2><H4>Apartado 1: Las etiquetas</H4>
  • 5. Marquesinas <marquee> Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>. La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen. Habría que escribir: <marquebgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee> También es posible insertar imágenes,tablas y otros elementos entre las etiquetas <marquee> y </marquee>, no sólamente texto.
  • 7. .