SlideShare uma empresa Scribd logo
1 de 6
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
<cit
e>
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ón existente 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.
.

Mais conteúdo relacionado

Mais procurados (12)

WEB 3
WEB 3WEB 3
WEB 3
 
Pagina web lll
Pagina web lllPagina web lll
Pagina web lll
 
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
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Colegio nacional nicola sx2
Colegio nacional nicola sx2Colegio nacional nicola sx2
Colegio nacional nicola sx2
 
Unidad V
Unidad VUnidad V
Unidad V
 
DiseñO Web Taller 3
DiseñO Web   Taller 3DiseñO Web   Taller 3
DiseñO Web Taller 3
 

Destaque (12)

CursodeInternet
CursodeInternetCursodeInternet
CursodeInternet
 
El mejor curso de html lección no.2
El mejor curso de html lección no.2El mejor curso de html lección no.2
El mejor curso de html lección no.2
 
Html concpetos
Html concpetosHtml concpetos
Html concpetos
 
Insertar una imagen
Insertar una imagenInsertar una imagen
Insertar una imagen
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Curso html
Curso   htmlCurso   html
Curso html
 
FUNCIONES DE EXCELFunciones de excel
FUNCIONES DE EXCELFunciones de excelFUNCIONES DE EXCELFunciones de excel
FUNCIONES DE EXCELFunciones de excel
 
dsadasd
dsadasddsadasd
dsadasd
 
Excel 2016 win quick start guide
Excel 2016 win quick start guideExcel 2016 win quick start guide
Excel 2016 win quick start guide
 
Curso Dreamweaver CS6
Curso Dreamweaver CS6Curso Dreamweaver CS6
Curso Dreamweaver CS6
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 

Semelhante a pag web 3 (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
 
PAGINA WEB 3
PAGINA WEB 3PAGINA WEB 3
PAGINA WEB 3
 
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
 
Taller 3
Taller 3Taller 3
Taller 3
 
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
 
trabajo 3 html
trabajo 3 htmltrabajo 3 html
trabajo 3 html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Html
HtmlHtml
Html
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
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
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
Brayan2
Brayan2Brayan2
Brayan2
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 

Mais de Nicolas Sanchez (20)

Jjjjjjj
JjjjjjjJjjjjjj
Jjjjjjj
 
Mapa conceptual html 1
Mapa conceptual html 1Mapa conceptual html 1
Mapa conceptual html 1
 
Doc1
Doc1Doc1
Doc1
 
pag 4
pag 4pag 4
pag 4
 
fuentes
fuentesfuentes
fuentes
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
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
 

Último

UNA VISION DE LA VIDA, presentacion de biologia
UNA VISION DE LA VIDA, presentacion de biologiaUNA VISION DE LA VIDA, presentacion de biologia
UNA VISION DE LA VIDA, presentacion de biologia
Zonnia2
 
Presentación Características de la comunidad de macroinvertebrados en lagunas...
Presentación Características de la comunidad de macroinvertebrados en lagunas...Presentación Características de la comunidad de macroinvertebrados en lagunas...
Presentación Características de la comunidad de macroinvertebrados en lagunas...
haideetrabajo
 
1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA
1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA
1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA
Alcira20
 

Último (15)

Desastres naturales que afectan nuestro mundo
Desastres naturales que afectan nuestro mundoDesastres naturales que afectan nuestro mundo
Desastres naturales que afectan nuestro mundo
 
PRESENTACION MANEJO INTEGRADO DE DE ROEDORES CESAVEG_.pptx
PRESENTACION MANEJO INTEGRADO DE DE ROEDORES CESAVEG_.pptxPRESENTACION MANEJO INTEGRADO DE DE ROEDORES CESAVEG_.pptx
PRESENTACION MANEJO INTEGRADO DE DE ROEDORES CESAVEG_.pptx
 
UNU_AGRONOMIA_2019_L_RITARIVARUIZ (1).pdf
UNU_AGRONOMIA_2019_L_RITARIVARUIZ (1).pdfUNU_AGRONOMIA_2019_L_RITARIVARUIZ (1).pdf
UNU_AGRONOMIA_2019_L_RITARIVARUIZ (1).pdf
 
La estivación: ADAPTACIÓN FISIOLOGICA DE LOS ANIMALES .pdf
La estivación: ADAPTACIÓN FISIOLOGICA  DE LOS ANIMALES .pdfLa estivación: ADAPTACIÓN FISIOLOGICA  DE LOS ANIMALES .pdf
La estivación: ADAPTACIÓN FISIOLOGICA DE LOS ANIMALES .pdf
 
UNA VISION DE LA VIDA, presentacion de biologia
UNA VISION DE LA VIDA, presentacion de biologiaUNA VISION DE LA VIDA, presentacion de biologia
UNA VISION DE LA VIDA, presentacion de biologia
 
HOMEOSTOSIS exposiciones bilogía UTEA.pdf
HOMEOSTOSIS exposiciones bilogía UTEA.pdfHOMEOSTOSIS exposiciones bilogía UTEA.pdf
HOMEOSTOSIS exposiciones bilogía UTEA.pdf
 
Amensalismo Y Comensalismo.investigaciónpdf
Amensalismo Y Comensalismo.investigaciónpdfAmensalismo Y Comensalismo.investigaciónpdf
Amensalismo Y Comensalismo.investigaciónpdf
 
Deficit Energético en México y su impacto
Deficit Energético en México y su impactoDeficit Energético en México y su impacto
Deficit Energético en México y su impacto
 
Presentación Características de la comunidad de macroinvertebrados en lagunas...
Presentación Características de la comunidad de macroinvertebrados en lagunas...Presentación Características de la comunidad de macroinvertebrados en lagunas...
Presentación Características de la comunidad de macroinvertebrados en lagunas...
 
Métodos de Cálculo del Balance Hídrico.pdf
Métodos de Cálculo del Balance Hídrico.pdfMétodos de Cálculo del Balance Hídrico.pdf
Métodos de Cálculo del Balance Hídrico.pdf
 
circulacion animales y plantas de medio.
circulacion animales y plantas de medio.circulacion animales y plantas de medio.
circulacion animales y plantas de medio.
 
Atlas del Socioecosistema Río Grande de Comitán-Lagos de Montebello, Chiapas
Atlas  del Socioecosistema  Río Grande de Comitán-Lagos de Montebello, ChiapasAtlas  del Socioecosistema  Río Grande de Comitán-Lagos de Montebello, Chiapas
Atlas del Socioecosistema Río Grande de Comitán-Lagos de Montebello, Chiapas
 
ANIMALES ECTOTERMOS estudiantes UTEA Enfermería .pdf
ANIMALES ECTOTERMOS estudiantes UTEA Enfermería .pdfANIMALES ECTOTERMOS estudiantes UTEA Enfermería .pdf
ANIMALES ECTOTERMOS estudiantes UTEA Enfermería .pdf
 
proyecto de hortalizas yucas de la selva
proyecto de hortalizas yucas de la selvaproyecto de hortalizas yucas de la selva
proyecto de hortalizas yucas de la selva
 
1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA
1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA
1RA UNIDAD Los Seres Vivos-PRIMERO DE SECUNDARIA
 

pag web 3

  • 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 <cit e> 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ón existente 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.
  • 6. .