SlideShare una empresa de Scribd logo
Lenguaje Digital
HTML
(Hypertext Markup Languaje o Nomenclatura básica para la escritura de páginas web)
Lenguaje Digital

 Componentes estructurales
  Head: Cabecera de la página

  Body: Despliegue de contenido (textos, imágenes, archivos multimedia, links,
  etc.)

  Title: Título de la página. Aparece en la parte superior del navegador

  Información meta: Información indexable por los buscadores

  Formato: Atributos visuales y de comportamiento. Dado por código directo o
  por estilos CSS.
Lenguaje Digital
                   Head

                   Body




                   Footer
Lenguaje Digital


 Hipervínculos (links) e incrustación de atributos
   Title: Título de la página

     <title> Título de la página </title>
Lenguaje Digital

 Hipervínculos (links) e incrustación de atributos
   Link: Nos permite direccionar a otra página o llamar
   un objeto

     <a href=http://www.facebook.com> Link a
     Facebook </a>
Lenguaje Digital

 Hipervínculos (links) e incrustación de atributos
   img src: Nos permite incrustar una imagen

     <img src=http://www.emol.com/imagenes/
     logo_emol2008-03.gif alt=Imagen width=200
     height=300 />
Lenguaje Digital

 Hipervínculos (links) e incrustación de atributos
   Jerarquización de texto

     <h1> Título   de la página </h1>
     <h2> Título de la página </h2>
Lenguaje Digital

 Hipervínculos (links) e incrustación de atributos
   Párrafos

     <p> Párrafo de escritura continua </p>

     <br> Quiebre o salto de párrafo </br>
Lenguaje Digital

 Hipervínculos (links) e incrustación de atributos
   Estilos de textos

     <b> Texto en negrita </b>

     <i> Texto en cursiva </i>

     <b> <i> Texto en cursiva </b> </i>
Lenguaje Digital
 Estructura básica de una página web

         <!doctype html>
         <html>
          <head>
           <title>Título de la página</title>
          </head>
          <body>
           <p>Texto de la página</p>
          </body>
         </html>

Más contenido relacionado

PPT
Taller SEM ENassar@Clandestina-Sesion2 (SEO)
PPTX
Tarea 5
PPTX
PPTX
La web
DOCX
´´´+Ppppp
PDF
Diagrama belen urquizo
PPT
Clase Edicion de Sitios Web - TGD 31/05/11
PPTX
Lenguaje Digital - Clase 1
Taller SEM ENassar@Clandestina-Sesion2 (SEO)
Tarea 5
La web
´´´+Ppppp
Diagrama belen urquizo
Clase Edicion de Sitios Web - TGD 31/05/11
Lenguaje Digital - Clase 1

Similar a Clase 4 - HTML (20)

DOCX
etiquetas basicas de html
DOCX
DOCX
PPT
Principios basicos del html
PDF
Melanie Salazar
PDF
Melanie salazar
PPTX
Lenguaje html
PPTX
Tutorialhtml
DOCX
PPTX
Sitio Web / Introducción a HTML
PPTX
Tarea 5
DOCX
Laura daniela martinez camila cuervo html
DOCX
Laura daniela martinez camila cuervo html
DOCX
Instituto tecnológico de nor 3
PPTX
H T M L E X P O S I C I O N
PPTX
Html Exposicion
DOCX
Historia del HTML
etiquetas basicas de html
Principios basicos del html
Melanie Salazar
Melanie salazar
Lenguaje html
Tutorialhtml
Sitio Web / Introducción a HTML
Tarea 5
Laura daniela martinez camila cuervo html
Laura daniela martinez camila cuervo html
Instituto tecnológico de nor 3
H T M L E X P O S I C I O N
Html Exposicion
Historia del HTML
Publicidad

Último (20)

DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
biología es un libro sobre casi todo el tema de biología
PPT
Cosacos y hombres del Este en el Heer.ppt
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Tomo 1 de biologia gratis ultra plusenmas
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
caso clínico iam clinica y semiología l3.pptx
biología es un libro sobre casi todo el tema de biología
Cosacos y hombres del Este en el Heer.ppt
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
Punto Critico - Brian Tracy Ccesa007.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
V UNIDAD - PRIMER GRADO. del mes de agosto
Híper Mega Repaso Histológico Bloque 3.pdf
Tomo 1 de biologia gratis ultra plusenmas
2 GRADO UNIDAD 5 - 2025.docx para primaria
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
Publicidad

Clase 4 - HTML

  • 1. Lenguaje Digital HTML (Hypertext Markup Languaje o Nomenclatura básica para la escritura de páginas web)
  • 2. Lenguaje Digital Componentes estructurales Head: Cabecera de la página Body: Despliegue de contenido (textos, imágenes, archivos multimedia, links, etc.) Title: Título de la página. Aparece en la parte superior del navegador Información meta: Información indexable por los buscadores Formato: Atributos visuales y de comportamiento. Dado por código directo o por estilos CSS.
  • 3. Lenguaje Digital Head Body Footer
  • 4. Lenguaje Digital Hipervínculos (links) e incrustación de atributos Title: Título de la página <title> Título de la página </title>
  • 5. Lenguaje Digital Hipervínculos (links) e incrustación de atributos Link: Nos permite direccionar a otra página o llamar un objeto <a href=http://www.facebook.com> Link a Facebook </a>
  • 6. Lenguaje Digital Hipervínculos (links) e incrustación de atributos img src: Nos permite incrustar una imagen <img src=http://www.emol.com/imagenes/ logo_emol2008-03.gif alt=Imagen width=200 height=300 />
  • 7. Lenguaje Digital Hipervínculos (links) e incrustación de atributos Jerarquización de texto <h1> Título de la página </h1> <h2> Título de la página </h2>
  • 8. Lenguaje Digital Hipervínculos (links) e incrustación de atributos Párrafos <p> Párrafo de escritura continua </p> <br> Quiebre o salto de párrafo </br>
  • 9. Lenguaje Digital Hipervínculos (links) e incrustación de atributos Estilos de textos <b> Texto en negrita </b> <i> Texto en cursiva </i> <b> <i> Texto en cursiva </b> </i>
  • 10. Lenguaje Digital Estructura básica de una página web <!doctype html> <html> <head> <title>Título de la página</title> </head> <body> <p>Texto de la página</p> </body> </html>

Notas del editor