SlideShare una empresa de Scribd logo
1 de 7
Alejandra Rossini y Ricardo Labastida
El uso del HTML es fundamental para crear 
una pagina web , en donde puedes hablar de 
cualquier tema y publicar textos 
informativos.
HTML, siglas de HyperText Markup Language («lenguaje 
de marcas de hipertexto»), hace referencia al lenguaje de 
marcado para la elaboración de páginas web. Es un 
estándar que sirve de referencia para la elaboración de 
páginas web en sus diferentes versiones, define una 
estructura básica y un código (denominado código HTML) 
para la definición de contenido de una página web, como 
texto, imágenes, etc. Es un estándar a cargo de la W3C, 
organización dedicada a la estandarización de casi todas 
las tecnologías ligadas a la web, sobre todo en lo referente 
a su escritura e interpretación. Es el lenguaje con el que se 
definen las páginas web.
Esto es un estructura básica HTML. Si puedes observar 
bien una etiqueta HTML; es un identificador de cada orden 
HTML. Cada etiqueta siempre se cierra con el nombre de 
etiqueta de inicio y lo antecede una diagonal salvo algunos 
casos en los que la etiqueta se cierra inmediatamente lo 
veremos en breve, cabe mencionar que todos las etiquetas 
van dentro de los signos <>.
El lenguaje HTML es un lenguaje de marcas, estas marcas serán 
fragmentos de texto destacado de una forma especial que permiten la 
definición de las distintas instrucciones de HTML, tanto los efectos a 
aplicar sobre el texto como las distintas estructuras del lenguaje. A 
estas marcas las denominaremos etiquetas y serán la base principal del 
lenguaje HTML. En documento HTML será un fichero texto con 
etiquetas que variarán la forma de su presentación. 
Una etiqueta será un texto incluido entre los símbolos menor 
que < y mayor que >.. El texto incluido dentro de los símbolos será 
explicativo de la utilidad de la etiqueta. Por ejemplo: 
<B>Letra Negrita, del inglés Bold (negrita).<TABLE>Definirá una 
tabla.<IMG>Inclusión de una IMaGen. 
Existe normalmente una etiqueta de inicio y otra de fin, la de fin 
contendrá el mismo texto que la de inicio añadiéndole al principio una 
barra inclinada /. El efecto que define la etiqueta tendrá validez para 
todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto 
plano o otras etiquetas HTML.
Cualquier etiqueta XHTML puede contener uno o más atributos, 
separados por espacios, que permiten especificar la etiqueta. El código 
fuente tiene el siguiente aspecto: 
<etiqueta atributo="valor_de_atributo"> 
<etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2 
" > 
En el XHTML los atributos tienen que estar siempre definidos 
(mediante el signo igual "=") y el valor del atributo tiene que estar 
entre comillas dobles o simples. 
Existen una serie de atributos comunes a todas las etiquetas (salvo la 
etiqueta <Html>) y algunas etiquetas tienen unos atributos específicos. 
En esta lección se comentan los atributos comunes; los atributos 
específicos se comentan en las lecciones dedicadas a las etiquetas 
correspondientes (imágenes, tablas, etc). 
Volver al principio de la página
No están todas las etiquetas, sobre todo tomando en cuenta que cada 
día se incorporan nuevos programas para la trabajar en la red. Sin 
embargo tienes aquí todas las etiquetas básicas. No intentes 
aprendértelas de memoria, te recomiendo que la imprimas y que la 
utilices para perfeccionar el trabajo realizado con tú programada 
creación de Web. Recuerda que para crear páginas Web de forma 
profesional debes combinar varios programas, ya verás que cuando te 
familiarices con la etiquetas "Tags" todo será mucho más comprensible.

Más contenido relacionado

La actualidad más candente (14)

Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
HTML
HTMLHTML
HTML
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Melvin beltetón, etiquetas html
Melvin beltetón, etiquetas htmlMelvin beltetón, etiquetas html
Melvin beltetón, etiquetas html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Html
HtmlHtml
Html
 
Ruiz guerra HTML
Ruiz guerra HTMLRuiz guerra HTML
Ruiz guerra HTML
 
Marcado Html
Marcado HtmlMarcado Html
Marcado Html
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Que es html
Que es htmlQue es html
Que es html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 

Similar a Producto 3 (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Manual html
Manual htmlManual html
Manual html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9BProducto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9B
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Diseño
DiseñoDiseño
Diseño
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Primera Clase de xhtml
Primera Clase de xhtmlPrimera Clase de xhtml
Primera Clase de xhtml
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Htlm
HtlmHtlm
Htlm
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 

Último

El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel tallerValentinaTabares11
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 

Último (20)

El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel taller
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 

Producto 3

  • 1. Alejandra Rossini y Ricardo Labastida
  • 2. El uso del HTML es fundamental para crear una pagina web , en donde puedes hablar de cualquier tema y publicar textos informativos.
  • 3. HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.
  • 4. Esto es un estructura básica HTML. Si puedes observar bien una etiqueta HTML; es un identificador de cada orden HTML. Cada etiqueta siempre se cierra con el nombre de etiqueta de inicio y lo antecede una diagonal salvo algunos casos en los que la etiqueta se cierra inmediatamente lo veremos en breve, cabe mencionar que todos las etiquetas van dentro de los signos <>.
  • 5. El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación. Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo: <B>Letra Negrita, del inglés Bold (negrita).<TABLE>Definirá una tabla.<IMG>Inclusión de una IMaGen. Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
  • 6. Cualquier etiqueta XHTML puede contener uno o más atributos, separados por espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente aspecto: <etiqueta atributo="valor_de_atributo"> <etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2 " > En el XHTML los atributos tienen que estar siempre definidos (mediante el signo igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples. Existen una serie de atributos comunes a todas las etiquetas (salvo la etiqueta <Html>) y algunas etiquetas tienen unos atributos específicos. En esta lección se comentan los atributos comunes; los atributos específicos se comentan en las lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas, etc). Volver al principio de la página
  • 7. No están todas las etiquetas, sobre todo tomando en cuenta que cada día se incorporan nuevos programas para la trabajar en la red. Sin embargo tienes aquí todas las etiquetas básicas. No intentes aprendértelas de memoria, te recomiendo que la imprimas y que la utilices para perfeccionar el trabajo realizado con tú programada creación de Web. Recuerda que para crear páginas Web de forma profesional debes combinar varios programas, ya verás que cuando te familiarices con la etiquetas "Tags" todo será mucho más comprensible.