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

Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
innovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 bloginnovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 blogManuel Diaz
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxVICTORMANUELBEASAGUI
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.241534381
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docxssusere34b451
 
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbxCARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbxCesarAntonioGascoTiz1
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).jcaballerosamayoa
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónAntonia Yamilet Perez Palomares
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaJadeVilcscordova
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .itzyrivera61103
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfJosAndrRosarioVzquez
 
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...dramosbrise1403
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosYOMIRAVILLARREAL1
 
Electricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docxElectricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docxCsarNlsonMrquezContr
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxdoloresolmosantiago
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaRicardoEstrada90
 
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiCVelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC6dwwcgtpfx
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALGuadalinfoHuscarGuad
 

Dernier (20)

Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
innovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 bloginnovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 blog
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docx
 
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbxCARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el tema
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
 
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de Datos
 
Electricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docxElectricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docx
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptx
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - Estrada
 
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiCVelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
 

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.