SlideShare une entreprise Scribd logo
1  sur  3
Télécharger pour lire hors ligne
1



BUENAS

  Les habla Maria Alejandra Barragan Ramirez



           En el dia de hoy voy hablar de
           etiquetas aconsejadas para
           utilizar en html. primero le hare
           una breve introduccion de html
           para que se pan un poco de esta
           herramienta.

           Html es un lenguaje de marcado de
           hipertexto predominante para la
           elaboración de páginas web. se
           utiliza para las estructuras y
           contenidos de textos. HTML se
           escribe en forma de «etiquetas».

           El lenguaje HTML puede ser creado
           y editado con cualquier editor de
           textos básico.

AHORA SI   HABLARE DE LAS ETIQUETAS QUE DEBEN UTILIZAR EN
HTML:

siempre que se comienze a escribir un texto en html se
debe colocar corchetes angulares (<,>) y dentro de estos
va html; la etiqueta de cierre es abrir un corchete se
coloca un eslash, despues se pone html y por ultimo se
cierra el corchete. ademas se debe tener encuenta que no
se utilizen las comas, ni la letra ñ.

           el principio se usa <html>- para
           la declaraciòn

           para colocar la cabezera del
           escrito colocamos <head>.

           Para colocar el cuerpo del texto
           se utiliza <body>

                     UN EJEMPLO

PARA ENCABEZADOS Y TITULOS SE UTILIZAN LOS SIGUIENTES:

           < tittle> titulo

                     ESTAS ETIQUETAS DEFINENE TITULOS DE
                     SECCION, NO SECCIONES COMPLETAS. SOLO
                     SE DEBE ENCERARA CON LAS ETIQUETAS,
                     <H1>... LOS TITULOS DE CADA SECCION.
           LOS TITULOS VAN DE <H1> HASTA
           <H6>

           <h1> Título de primer nivel
2



          <h2> Título de segundo nivel

          <h3> Título de tercer nivel

          <h4> Título de cuarto nivel

          <h5> Título de quinto nivel

          <h6> Título de de sexto nivel

          a continuacion les tengo un
          Ejemplo de encabezados y titulo

OTRAS ETIQUETAS

          <em> - es para hacer Énfasis
          (Normal)

          <strong> - para Énfasis (Fuerte)

          <q> - para Citas cortas (En
          línea)
          <blockquote> - para Citas largas

          <Cite> - para Origen de la cita

          <abbr> - para Abreviatura

          <acronym> - para Acrónimo

          <br/>- para salto de línea

          <a>- para hipervínculo

          <img>- para Imagen

          A qui les muestro un ejemplo    de
          lo que hasta ahora les he
          explicado.

          Un ejemplo de cita larga

          Un   de cita corta



BUENO,UNA TABLA HTML,ES UN GRUPO DE FILAS DONDE CADA UNA
CONTIENE UN GRUPO DE CELDAS.

Los bordes en este ejemplo son creados utilizando la
palabra"border", la cual es utilizada para mejorar la
visualización.

          <tabla> Tabla

          <tr> Fila de tabla
3



          <td> Dato de tabla

          <thead> Encabezado de tabla

          <tfoot> Pie de tabla

          <tbody> Cuerpo de tabla

          <caption> Texto explicativo de
          tabla

          <summary> Resumen de tabla

          Aqui les muestro un ejemplo de
          tablas html

POR ULTIMO LAS ETIQUETAS QUE SE DEBEN UTILIZAR PARA CREAR
LISTAS CON HTML:

          <ul>- lista de elementos sin
          orden especifico
          <ol>- Lista ordena

          <dl>-Lista de definición

          <dt>-Termino a definir

          <dd>-Definición de un termino

          <li>- Elemento de lista

           a qui les muestro un ejemplo de
          lista desordenada

           para finalizar con este tema ,
          les muestro un ejemplo de lista
          ordenada.

bueno muchas gracias, espero y este video tutorial les
haya servido para sus trabajos en html. hasta luego y nos
vemos en el proximo video tutorial.

Contenu connexe

Tendances (15)

Html
HtmlHtml
Html
 
Estructuras de control en php
Estructuras de control en phpEstructuras de control en php
Estructuras de control en php
 
Clase 2
Clase 2Clase 2
Clase 2
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Formatos de texto html
Formatos de texto htmlFormatos de texto html
Formatos de texto html
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Entrada
EntradaEntrada
Entrada
 
etiquetas html
 etiquetas html etiquetas html
etiquetas html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en html
 
Agregar espacios en html
Agregar espacios en htmlAgregar espacios en html
Agregar espacios en html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Archivos batch
Archivos batchArchivos batch
Archivos batch
 
Formularios
FormulariosFormularios
Formularios
 

Similaire à Sandra,male yangela guion (20)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Html
HtmlHtml
Html
 
Galdamez Peres 5to A
Galdamez Peres 5to AGaldamez Peres 5to A
Galdamez Peres 5to A
 
html
htmlhtml
html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Html
HtmlHtml
Html
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 
Manual mi primera página en html pre
Manual   mi primera página en html preManual   mi primera página en html pre
Manual mi primera página en html pre
 
Html
HtmlHtml
Html
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Codigo Html
Codigo HtmlCodigo Html
Codigo Html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Guia básica html
Guia básica htmlGuia básica html
Guia básica html
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 

Plus de Angelablanco2828

Plus de Angelablanco2828 (7)

Storyboard sandra,male y angela
Storyboard sandra,male y angelaStoryboard sandra,male y angela
Storyboard sandra,male y angela
 
Fichatecnicafinal1
Fichatecnicafinal1Fichatecnicafinal1
Fichatecnicafinal1
 
Fichatecnicafinal1
Fichatecnicafinal1Fichatecnicafinal1
Fichatecnicafinal1
 
Fichatecnicafinal1
Fichatecnicafinal1Fichatecnicafinal1
Fichatecnicafinal1
 
Fichatecnicafinal1
Fichatecnicafinal1Fichatecnicafinal1
Fichatecnicafinal1
 
Fichatecnicafinal1
Fichatecnicafinal1Fichatecnicafinal1
Fichatecnicafinal1
 
ficha tecnica
ficha tecnicaficha tecnica
ficha tecnica
 

Dernier

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 

Dernier (11)

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 

Sandra,male yangela guion

  • 1. 1 BUENAS Les habla Maria Alejandra Barragan Ramirez En el dia de hoy voy hablar de etiquetas aconsejadas para utilizar en html. primero le hare una breve introduccion de html para que se pan un poco de esta herramienta. Html es un lenguaje de marcado de hipertexto predominante para la elaboración de páginas web. se utiliza para las estructuras y contenidos de textos. HTML se escribe en forma de «etiquetas». El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico. AHORA SI HABLARE DE LAS ETIQUETAS QUE DEBEN UTILIZAR EN HTML: siempre que se comienze a escribir un texto en html se debe colocar corchetes angulares (<,>) y dentro de estos va html; la etiqueta de cierre es abrir un corchete se coloca un eslash, despues se pone html y por ultimo se cierra el corchete. ademas se debe tener encuenta que no se utilizen las comas, ni la letra ñ. el principio se usa <html>- para la declaraciòn para colocar la cabezera del escrito colocamos <head>. Para colocar el cuerpo del texto se utiliza <body> UN EJEMPLO PARA ENCABEZADOS Y TITULOS SE UTILIZAN LOS SIGUIENTES: < tittle> titulo ESTAS ETIQUETAS DEFINENE TITULOS DE SECCION, NO SECCIONES COMPLETAS. SOLO SE DEBE ENCERARA CON LAS ETIQUETAS, <H1>... LOS TITULOS DE CADA SECCION. LOS TITULOS VAN DE <H1> HASTA <H6> <h1> Título de primer nivel
  • 2. 2 <h2> Título de segundo nivel <h3> Título de tercer nivel <h4> Título de cuarto nivel <h5> Título de quinto nivel <h6> Título de de sexto nivel a continuacion les tengo un Ejemplo de encabezados y titulo OTRAS ETIQUETAS <em> - es para hacer Énfasis (Normal) <strong> - para Énfasis (Fuerte) <q> - para Citas cortas (En línea) <blockquote> - para Citas largas <Cite> - para Origen de la cita <abbr> - para Abreviatura <acronym> - para Acrónimo <br/>- para salto de línea <a>- para hipervínculo <img>- para Imagen A qui les muestro un ejemplo de lo que hasta ahora les he explicado. Un ejemplo de cita larga Un de cita corta BUENO,UNA TABLA HTML,ES UN GRUPO DE FILAS DONDE CADA UNA CONTIENE UN GRUPO DE CELDAS. Los bordes en este ejemplo son creados utilizando la palabra"border", la cual es utilizada para mejorar la visualización. <tabla> Tabla <tr> Fila de tabla
  • 3. 3 <td> Dato de tabla <thead> Encabezado de tabla <tfoot> Pie de tabla <tbody> Cuerpo de tabla <caption> Texto explicativo de tabla <summary> Resumen de tabla Aqui les muestro un ejemplo de tablas html POR ULTIMO LAS ETIQUETAS QUE SE DEBEN UTILIZAR PARA CREAR LISTAS CON HTML: <ul>- lista de elementos sin orden especifico <ol>- Lista ordena <dl>-Lista de definición <dt>-Termino a definir <dd>-Definición de un termino <li>- Elemento de lista a qui les muestro un ejemplo de lista desordenada para finalizar con este tema , les muestro un ejemplo de lista ordenada. bueno muchas gracias, espero y este video tutorial les haya servido para sus trabajos en html. hasta luego y nos vemos en el proximo video tutorial.