SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
FORMATOS DE         TEXTO     EN   HTML:     NEGRITA,     CURSIVA,      TACHADO,
SUBRAYADO.

Vamos a ver una serie de etiquetas y atributos básicos para la creación de
páginas webs. No entraremos a describir una a una todas las etiquetas y atributos
de que HTML dispone. Simplemente explicaremos las más utilizadas y las que
nosotros creemos indispensables.

Las primeras etiquetas que veremos son para dar formato al texto. Para ello
tenemos una serie de etiquetas que escribimos en HTML envolviendo la palabra o
el texto y que transforman ese texto en el formato que nosotros le hayamos
querido dar.

Veamos las principales etiquetas para dar formato a textos usando HTML.

NEGRITA

Existen dos etiquetas que harán que nuestro texto se convierta en negrita. La
utilización de cualquiera de ellas es en principio indiferente. Puedes usar la que
prefieras. La primera es la etiqueta <b> y la otra es la etiqueta <strong>. Aquí va
un ejemplo de código y lo que veríamos en pantalla:


Esta palabra la vamos          a   poner    en   <b>negrita</b>     y   esta   otra
<strong>también</strong>


          Esta palabra la vamos a poner en negrita y esta otra también

CURSIVA

Para escribir un texto en cursiva debemos utilizar la etiqueta <i> (y por supuesto
cerrarla con la etiqueta </i>). También podemos utilizar la etiqueta <em>. Como en
el caso de la negrita, es indiferente el uso de una u otra. Aquí presentamos un
ejemplo:




 Esta palabra la vamos a poner en <i>cursiva</i> y esta otra <em>también</em>


          Esta palabra la vamos a poner en cursiva y esta otra también
SUBRAYADO

Si queremos que la palabra o el texto quede subrayado, deberemos rodearlo con
la etiqueta <u> y cerrarlo con su correspondiente etiqueta </u>. Así subrayaríamos
una frase importante:




                 <u>Así subrayaríamos una frase importante</u>


                     Así subrayaríamos una frase importante



TEXTO TACHADO

Existen tres etiquetas diferentes que nos servirán para conseguir que nuestro texto
se quede tachado. Hablamos de las etiquetas <strike>, <s> y <del>. Todas ellas
nos ofrecen el mismo resultado. Aquí presentamos una muestra:




Puedo proceder a tachar una palabra <strike>así</strike>, <s>así</s> o
<del>así</del>


                Puedo proceder a tachar una palabra así, así o así

Más contenido relacionado

La actualidad más candente (19)

Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Bloq informacion
Bloq   informacionBloq   informacion
Bloq informacion
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Gtgtgeg
GtgtgegGtgtgeg
Gtgtgeg
 
valentin
valentinvalentin
valentin
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Utilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina webUtilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina web
 
g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
3 johan
3 johan3 johan
3 johan
 
Trabajo nº3
Trabajo nº3Trabajo nº3
Trabajo nº3
 
TP 3
TP 3 TP 3
TP 3
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Practica 3
Practica 3Practica 3
Practica 3
 
Html
HtmlHtml
Html
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 

Similar a Formatos de texto html

Similar a Formatos de texto html (20)

Formato de texto y caracteres especiales
Formato de texto y caracteres especialesFormato de texto y caracteres especiales
Formato de texto y caracteres especiales
 
Milton guzman tarea
Milton guzman tareaMilton guzman tarea
Milton guzman tarea
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Html
HtmlHtml
Html
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Html
HtmlHtml
Html
 
Karina
KarinaKarina
Karina
 
Clase 1
Clase 1Clase 1
Clase 1
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 
Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 
Curso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docxCurso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docx
 
Curso de HTML.pdf
Curso de HTML.pdfCurso de HTML.pdf
Curso de HTML.pdf
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Codigo Html
Codigo HtmlCodigo Html
Codigo Html
 

Más de carlosvalle1986 (20)

Parte 2
Parte 2Parte 2
Parte 2
 
Modelo de datos
Modelo de datosModelo de datos
Modelo de datos
 
Entrevista clinica
Entrevista clinicaEntrevista clinica
Entrevista clinica
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
 
Reporte persuasivo
Reporte persuasivoReporte persuasivo
Reporte persuasivo
 
Entrevista (1)
Entrevista (1)Entrevista (1)
Entrevista (1)
 
Segunda entrevista
Segunda entrevistaSegunda entrevista
Segunda entrevista
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
 
Cuerpos geometricos
Cuerpos geometricosCuerpos geometricos
Cuerpos geometricos
 
Maquetas
MaquetasMaquetas
Maquetas
 
R2
R2R2
R2
 
R1
R1R1
R1
 
Informe corregido
Informe corregidoInforme corregido
Informe corregido
 
Plan de estudios 2011
Plan de estudios 2011Plan de estudios 2011
Plan de estudios 2011
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
 
Descripción de la unidad
Descripción de la unidadDescripción de la unidad
Descripción de la unidad
 
Introducción
IntroducciónIntroducción
Introducción
 
Portada
PortadaPortada
Portada
 
Resumen cap i-ii-iii
Resumen cap i-ii-iiiResumen cap i-ii-iii
Resumen cap i-ii-iii
 

Formatos de texto html

  • 1. FORMATOS DE TEXTO EN HTML: NEGRITA, CURSIVA, TACHADO, SUBRAYADO. Vamos a ver una serie de etiquetas y atributos básicos para la creación de páginas webs. No entraremos a describir una a una todas las etiquetas y atributos de que HTML dispone. Simplemente explicaremos las más utilizadas y las que nosotros creemos indispensables. Las primeras etiquetas que veremos son para dar formato al texto. Para ello tenemos una serie de etiquetas que escribimos en HTML envolviendo la palabra o el texto y que transforman ese texto en el formato que nosotros le hayamos querido dar. Veamos las principales etiquetas para dar formato a textos usando HTML. NEGRITA Existen dos etiquetas que harán que nuestro texto se convierta en negrita. La utilización de cualquiera de ellas es en principio indiferente. Puedes usar la que prefieras. La primera es la etiqueta <b> y la otra es la etiqueta <strong>. Aquí va un ejemplo de código y lo que veríamos en pantalla: Esta palabra la vamos a poner en <b>negrita</b> y esta otra <strong>también</strong> Esta palabra la vamos a poner en negrita y esta otra también CURSIVA Para escribir un texto en cursiva debemos utilizar la etiqueta <i> (y por supuesto cerrarla con la etiqueta </i>). También podemos utilizar la etiqueta <em>. Como en el caso de la negrita, es indiferente el uso de una u otra. Aquí presentamos un ejemplo: Esta palabra la vamos a poner en <i>cursiva</i> y esta otra <em>también</em> Esta palabra la vamos a poner en cursiva y esta otra también
  • 2. SUBRAYADO Si queremos que la palabra o el texto quede subrayado, deberemos rodearlo con la etiqueta <u> y cerrarlo con su correspondiente etiqueta </u>. Así subrayaríamos una frase importante: <u>Así subrayaríamos una frase importante</u> Así subrayaríamos una frase importante TEXTO TACHADO Existen tres etiquetas diferentes que nos servirán para conseguir que nuestro texto se quede tachado. Hablamos de las etiquetas <strike>, <s> y <del>. Todas ellas nos ofrecen el mismo resultado. Aquí presentamos una muestra: Puedo proceder a tachar una palabra <strike>así</strike>, <s>así</s> o <del>así</del> Puedo proceder a tachar una palabra así, así o así