SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
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.

Weitere ähnliche Inhalte

Was ist angesagt? (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
 

Ähnlich wie Etiquetas HTML básicas para principiantes (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
 

Mehr von Angelablanco2828

Mehr von 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
 

Kürzlich hochgeladen

trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
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
 

Kürzlich hochgeladen (15)

trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
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
 

Etiquetas HTML básicas para principiantes

  • 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.