SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
El HTML ( HiperText Markup Language ) es el lenguaje utilizado para
representar documentos en la WWW (World Wide Web). Además de texto
normal incluye también, elementos multimedia (gráficos, vídeo, audio) y
existen enlaces (links) que permiten saltar a otras partes del documento o a
otro sitio cualquiera de Internet.
Otra característica muy importante de este lenguaje es que es portable, es
decir, se pueden visualizar las páginas con cualquier sistema operativo y, por
supuesto también crearlas.
Las etiquetas constituyen la filosofía de este lenguaje. Por medio de ellas se
pueden controlar los elementos tipográficos del texto, así como también la
         inclusión de tablas, listas, formularios, la inserción de fotos,
         sonidos, fondos, los enlaces entre otros.
El HTML describe el aspecto visual que debe tener una página mediante la
utilización de etiquetas (tags). Las etiquetas le indicarán al navegador la
posición relativa de los elementos de la página, su tamaño, las tipografías y
colores a utilizar, entre otros. Las etiquetas son como instrucciones que le
indican al navegador como mostrar la información. Existen dos clases de
etiquetas:
1-. Etiquetas vacías o Etiquetas abiertas
         Tiene el siguiente formato:   <etiqueta>, Se utilizan para introducir
saltos de línea, líneas horizontales, y otros elementos no asociados al formato
de textos o imágenes.
        2-. Etiquetas contenedora o Etiquetas cerrada
        Tiene el siguiente formato: <etiqueta>….</etiqueta>,Estas etiquetas
         dan un formato al texto o porción del documento que engloban
Las etiquetas pueden especificar, por ejemplo, que cierta palabra aparezca en
negrita. Pero si queremos que cierta palabra aparezca de color rojo,
necesitamos suministrar un parámetro: el color. La mayoría de las etiquetas
tienen parámetros o atributos para indicar múltiples aspectos del formato, como
el color, el tamaño, la posición, entre otros.
El formato de una etiqueta con parámetros es el siguiente:
  <etiqueta parametro1="valor1" parametro2="valor2" ... > ... </etiqueta>
Es recomendable encerrar los valores de los atributos entre comillas dobles.
En la etiqueta inicial de un elemento puede aparecer cualquier número de
parejas (legales) atributo/valor, separadas por espacios.
         Pueden aparecer en cualquier orden.
Toda página HTML debe comenzar por la etiqueta <html> y terminar con
</html>. Todo lo que figure entre estas etiquetas será interpretado por el
navegador como un documento HTML. Lo que quede fuera de ellas será, en la
mayoría de los casos, ignorado.
El documento HTML se divide siempre en dos partes: cabecera y cuerpo.

La cabecera figura entre las etiquetas <head> y </head>. En ella se especifica
el título, el autor, y otras características del documento que no se muestran
físicamente en la página y que sirven para facilitar su indexación (son lo que se
conoce como meta tags). En la cabecera también deben incluirse los scripts
que necesite el documento (JavaScript, JScript, etc.) y las definiciones de
         estilos (si se utilizan hojas de estilos).
El cuerpo es la parte del documento que se circunscribe entre las etiquetas
<body> y </body>. En esta parte se incluye la página propiamente dicha.
Ejemplo:          <html>
                  <head>
                  <title>Mi primera pagina HTML</title>
                  </head>
                  <body>
                  Mi primera página HTML
                  </body>
                  </html>
Dentro de la etiqueta de cabecera <head>, se pueden utilizar algunas etiquetas
que permiten, colocar las especificaciones de la pagina, la codificación o el
juego de caracteres, el titulo de la pagina entre otras opciones.

Uso de la etiqueta <meta>
La etiqueta <meta> proporciona metadatos sobre el documento HTML. Los
metadatos no se muestra en la página, pero será apta para su procesamiento
máquina. Meta elementos se utilizan normalmente para especificar descripción
de páginas, palabras clave, autor del documento, la última modificación, y otros
metadatos. Los metadatos pueden ser utilizados por los navegadores (como
mostrar el contenido de la página), los motores de búsqueda (palabras clave),
          u otros servicios web.
<meta name="keywords" content="HTML, CSS, XML, XHTML">
Se realiza la definición de palabras para los motores de búsqueda.
<meta name="description" content="Curso de Html">
Se define la descripción de la pagina.
<meta name="author" content="Duglas Moreno">
Se define el autor de la pagina
<meta http-equiv="refresh" content="30">
Actualiza la pagina cada cierto tiempo
<meta charset="UTF-8">
Codificación o juego de caracteres.
El <body> define el cuerpo del documento.
El elemento <body> contiene todo el contenido de un documento HTML, como
texto, hipervínculos, imágenes, tablas, listas, entre otros.


Entres los atributos del body que se encuentra son:
Alink, bgcolor, link, text, vlink donde el valor de cada uno de estos atributos es
el color.
Background en donde el valor de este atributo es una dirección o url.
Primera Clase de xhtml

Más contenido relacionado

La actualidad más candente (20)

Etiquetas head y body
Etiquetas head y bodyEtiquetas head y body
Etiquetas head y body
 
Manual intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
Html
HtmlHtml
Html
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Pagina web 1
Pagina web 1 Pagina web 1
Pagina web 1
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
Toala Miguel 2C3
Toala Miguel 2C3Toala Miguel 2C3
Toala Miguel 2C3
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Diseño web
Diseño webDiseño web
Diseño web
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnesto
 
Abraham
AbrahamAbraham
Abraham
 
Html
HtmlHtml
Html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Programación para web
Programación para webProgramación para web
Programación para web
 

Destacado

Publicidad Concientizadora 01
Publicidad Concientizadora 01Publicidad Concientizadora 01
Publicidad Concientizadora 01Rómulo DoNo
 
PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS
PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS   PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS
PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS sebastian vasquez
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8Dennii MediNa
 

Destacado (9)

Publicidad Concientizadora 01
Publicidad Concientizadora 01Publicidad Concientizadora 01
Publicidad Concientizadora 01
 
PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS
PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS   PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS
PRACTICA SOBRE CONCEPTOS BÁSICOS DE CIRCUITOS ELÉCTRICOS
 
Accesorios
AccesoriosAccesorios
Accesorios
 
Proyecto de vida
Proyecto de vidaProyecto de vida
Proyecto de vida
 
Weblog
WeblogWeblog
Weblog
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8
 
Manual Movie Maker
Manual Movie MakerManual Movie Maker
Manual Movie Maker
 
Publicidad y juguetes
Publicidad y juguetesPublicidad y juguetes
Publicidad y juguetes
 

Similar a Primera Clase de xhtml

Similar a Primera Clase de xhtml (20)

Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Producto 1
Producto 1Producto 1
Producto 1
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Producto 3
Producto 3Producto 3
Producto 3
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
Html
HtmlHtml
Html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Tag s
Tag sTag s
Tag s
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Html conceptos basicos presentacion no1
Html conceptos basicos presentacion  no1Html conceptos basicos presentacion  no1
Html conceptos basicos presentacion no1
 
HTML_Estructura Basica.pptx
HTML_Estructura Basica.pptxHTML_Estructura Basica.pptx
HTML_Estructura Basica.pptx
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 

Más de Duglas Oswaldo Moreno Mendoza

Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación VirtualMoodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación VirtualDuglas Oswaldo Moreno Mendoza
 

Más de Duglas Oswaldo Moreno Mendoza (20)

Fases dek Diseño Instruccional
Fases dek Diseño InstruccionalFases dek Diseño Instruccional
Fases dek Diseño Instruccional
 
Diseño Instruccional
Diseño InstruccionalDiseño Instruccional
Diseño Instruccional
 
Ponencia Seguridad de Datos
Ponencia Seguridad de DatosPonencia Seguridad de Datos
Ponencia Seguridad de Datos
 
Sematicas cabecera
Sematicas cabeceraSematicas cabecera
Sematicas cabecera
 
Nuevas Etiquetas
Nuevas EtiquetasNuevas Etiquetas
Nuevas Etiquetas
 
Meta etiquetas
Meta etiquetasMeta etiquetas
Meta etiquetas
 
Formularios
FormulariosFormularios
Formularios
 
Elementos de audio
Elementos de audioElementos de audio
Elementos de audio
 
Introducción al HTML
Introducción al HTML Introducción al HTML
Introducción al HTML
 
Infografia de PHP
Infografia de PHPInfografia de PHP
Infografia de PHP
 
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación VirtualMoodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
 
Una biografía que es como un cuento
Una biografía que es como un cuentoUna biografía que es como un cuento
Una biografía que es como un cuento
 
INFOGRAFIA DE PHP
INFOGRAFIA DE PHPINFOGRAFIA DE PHP
INFOGRAFIA DE PHP
 
Observador del conocimmiento n°1 vol 2
Observador del conocimmiento n°1 vol 2Observador del conocimmiento n°1 vol 2
Observador del conocimmiento n°1 vol 2
 
Observador del conocimmiento n°1 vol 1
Observador del conocimmiento n°1 vol 1Observador del conocimmiento n°1 vol 1
Observador del conocimmiento n°1 vol 1
 
Manual programacion Android
Manual programacion AndroidManual programacion Android
Manual programacion Android
 
Variables y Bucles
Variables y BuclesVariables y Bucles
Variables y Bucles
 
Historia de PHP
Historia de PHPHistoria de PHP
Historia de PHP
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Clase tres de xhtml
Clase tres de xhtmlClase tres de xhtml
Clase tres de xhtml
 

Último

RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuelacocuyelquemao
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 

Último (20)

RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuela
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 

Primera Clase de xhtml

  • 1.
  • 2. El HTML ( HiperText Markup Language ) es el lenguaje utilizado para representar documentos en la WWW (World Wide Web). Además de texto normal incluye también, elementos multimedia (gráficos, vídeo, audio) y existen enlaces (links) que permiten saltar a otras partes del documento o a otro sitio cualquiera de Internet. Otra característica muy importante de este lenguaje es que es portable, es decir, se pueden visualizar las páginas con cualquier sistema operativo y, por supuesto también crearlas. Las etiquetas constituyen la filosofía de este lenguaje. Por medio de ellas se pueden controlar los elementos tipográficos del texto, así como también la inclusión de tablas, listas, formularios, la inserción de fotos, sonidos, fondos, los enlaces entre otros.
  • 3. El HTML describe el aspecto visual que debe tener una página mediante la utilización de etiquetas (tags). Las etiquetas le indicarán al navegador la posición relativa de los elementos de la página, su tamaño, las tipografías y colores a utilizar, entre otros. Las etiquetas son como instrucciones que le indican al navegador como mostrar la información. Existen dos clases de etiquetas: 1-. Etiquetas vacías o Etiquetas abiertas Tiene el siguiente formato: <etiqueta>, Se utilizan para introducir saltos de línea, líneas horizontales, y otros elementos no asociados al formato de textos o imágenes. 2-. Etiquetas contenedora o Etiquetas cerrada Tiene el siguiente formato: <etiqueta>….</etiqueta>,Estas etiquetas dan un formato al texto o porción del documento que engloban
  • 4. Las etiquetas pueden especificar, por ejemplo, que cierta palabra aparezca en negrita. Pero si queremos que cierta palabra aparezca de color rojo, necesitamos suministrar un parámetro: el color. La mayoría de las etiquetas tienen parámetros o atributos para indicar múltiples aspectos del formato, como el color, el tamaño, la posición, entre otros. El formato de una etiqueta con parámetros es el siguiente: <etiqueta parametro1="valor1" parametro2="valor2" ... > ... </etiqueta> Es recomendable encerrar los valores de los atributos entre comillas dobles. En la etiqueta inicial de un elemento puede aparecer cualquier número de parejas (legales) atributo/valor, separadas por espacios. Pueden aparecer en cualquier orden.
  • 5. Toda página HTML debe comenzar por la etiqueta <html> y terminar con </html>. Todo lo que figure entre estas etiquetas será interpretado por el navegador como un documento HTML. Lo que quede fuera de ellas será, en la mayoría de los casos, ignorado. El documento HTML se divide siempre en dos partes: cabecera y cuerpo. La cabecera figura entre las etiquetas <head> y </head>. En ella se especifica el título, el autor, y otras características del documento que no se muestran físicamente en la página y que sirven para facilitar su indexación (son lo que se conoce como meta tags). En la cabecera también deben incluirse los scripts que necesite el documento (JavaScript, JScript, etc.) y las definiciones de estilos (si se utilizan hojas de estilos).
  • 6. El cuerpo es la parte del documento que se circunscribe entre las etiquetas <body> y </body>. En esta parte se incluye la página propiamente dicha. Ejemplo: <html> <head> <title>Mi primera pagina HTML</title> </head> <body> Mi primera página HTML </body> </html>
  • 7. Dentro de la etiqueta de cabecera <head>, se pueden utilizar algunas etiquetas que permiten, colocar las especificaciones de la pagina, la codificación o el juego de caracteres, el titulo de la pagina entre otras opciones. Uso de la etiqueta <meta> La etiqueta <meta> proporciona metadatos sobre el documento HTML. Los metadatos no se muestra en la página, pero será apta para su procesamiento máquina. Meta elementos se utilizan normalmente para especificar descripción de páginas, palabras clave, autor del documento, la última modificación, y otros metadatos. Los metadatos pueden ser utilizados por los navegadores (como mostrar el contenido de la página), los motores de búsqueda (palabras clave), u otros servicios web.
  • 8. <meta name="keywords" content="HTML, CSS, XML, XHTML"> Se realiza la definición de palabras para los motores de búsqueda. <meta name="description" content="Curso de Html"> Se define la descripción de la pagina. <meta name="author" content="Duglas Moreno"> Se define el autor de la pagina <meta http-equiv="refresh" content="30"> Actualiza la pagina cada cierto tiempo <meta charset="UTF-8"> Codificación o juego de caracteres.
  • 9. El <body> define el cuerpo del documento. El elemento <body> contiene todo el contenido de un documento HTML, como texto, hipervínculos, imágenes, tablas, listas, entre otros. Entres los atributos del body que se encuentra son: Alink, bgcolor, link, text, vlink donde el valor de cada uno de estos atributos es el color. Background en donde el valor de este atributo es una dirección o url.