SlideShare a Scribd company logo
1 of 14
CLASE 1:
INTRODUCCIÓN A UN
  SITIO WEB Y HTML


                     Profesor
                     Sebastián
                     Maya Miranda
SITIO WEB

       Un sitio web es una colección de páginas web
relacionadas y comunes a un dominio de Internet o subdominio
en la World Wide Web (WWW) en Internet.

Una página web es un documento HTML/XHTML que es
accesible generalmente mediante el protocolo HTTP de Internet.




 HTTP: Hypertext Transfer Protocol o HTTP (en español
 protocolo de transferencia de hipertexto) es el protocolo
 usado en cada transacción de la World Wide Web.
HTML

HTML, siglas de HyperText
Markup Language («lenguaje
de marcado hipertextual»),
hace referencia al lenguaje de
marcado predominante para
la elaboración de páginas web
que se utiliza para describir y
traducir la estructura y la
información en forma de
texto, así como para
complementar el texto con
objetos tales como imágenes.
HTML

El HTML se escribe en forma de «etiquetas», rodeadas por
corchetes angulares (<,>)
HTML

La estructura básica de una página HTML es :


                  <html>
                  <head>
                  </head>
                  <body>
                  Cuerpo de la página.
                  </body>
                  </html>
HTML

Las instrucciones HTML están encerradas entre los caracteres:
< y >.

Por Ejemplo:

<strong> negrita </strong>

Con esto indicamos que todo lo escrito entre las etiquetas
“<strong></strong>” se vera en negrito/ bold.
HTML

Muchos elementos HTML requieren una marca de comienzo y
otra de finalización. Todo aquello que está fuera de las marcas
del lenguaje se imprime en la pantalla (dentro del navegador) .


          Diseño                       Código
         HOLA QUE TAL     <font color=”blue">Hola que tal</font>


         HOLA QUE TAL     Hola que tal<font color=”blue”></font>
HTML

La estructura básica de una página HTML es :


                  <html>
                  <head>
                  </head>
                  <body>
                  Cuerpo de la página.
                  </body>
                  </html>
<HEAD>

También llamado Cabecera del sitio

El elemento <head> incluye el título para el documento/página,
y puede incluir scripts, estilos css, información meta, y más.

Los siguientes elementos más comunes que pueden ir dentro
del elemento <head></head>:

  <title> (Si o sí en HEAD)
  <style>
  <meta>
  <script>
HTML

La estructura básica de una página HTML es :


                  <html>
                  <head>
                  </head>
                  <body>
                  Cuerpo de la página.
                  </body>
                  </html>
<BODY>

Todo el texto/código dentro del <body> aparece dentro del
navegador tal cual lo hayamos escrito .

Al escribir:

<html>                           ¡HOLA!
<head>
</head>
<body>
¡HOLA!
</body>
</html>
A CONSIDERAR

 HTML no es sensible a mayúsculas y minúsculas.

         <Head> = <head> = <HEAD> = <heaD>… etc.



 No requerimos que se disponga cada marca en una línea, pero
  para “trabajar en limpio” es mejor hacerlo separado.
¡A TRABAJAR!

Entrar al sitio web > www.htmlya.com.ar

       Énfasis a los conceptos:
            2, 3, 4, 7, 9 y 13

More Related Content

What's hot (19)

HTML
HTMLHTML
HTML
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 
Html 121
Html 121Html 121
Html 121
 
CSS Hoja de estilo en cascada
CSS   Hoja de estilo en cascadaCSS   Hoja de estilo en cascada
CSS Hoja de estilo en cascada
 
Jessica
JessicaJessica
Jessica
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Jessica
JessicaJessica
Jessica
 
Manual html
Manual htmlManual html
Manual html
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 
html
html html
html
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
S.p.m
S.p.mS.p.m
S.p.m
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Colegio nicolas esgurra.
Colegio nicolas esgurra.Colegio nicolas esgurra.
Colegio nicolas esgurra.
 

Viewers also liked

actividades de la tercera evaluación
actividades de la tercera evaluación actividades de la tercera evaluación
actividades de la tercera evaluación informatica2013
 
Tema 9 creación de páginas web v2
Tema 9  creación de páginas web v2Tema 9  creación de páginas web v2
Tema 9 creación de páginas web v2RPVed
 
Proyectos Web 2 Introduccion Html
Proyectos Web   2 Introduccion HtmlProyectos Web   2 Introduccion Html
Proyectos Web 2 Introduccion HtmlJose Ponce
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas webalbafa1995
 
Tema 10 presentaciones multimedia.v3
Tema 10   presentaciones multimedia.v3Tema 10   presentaciones multimedia.v3
Tema 10 presentaciones multimedia.v3RPVed
 
Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)grupoaac
 
Creacion y publicacion de paginas Web
Creacion y publicacion de paginas WebCreacion y publicacion de paginas Web
Creacion y publicacion de paginas WebDigital Learning SL
 
Bukit bintang slides(individual)
Bukit bintang slides(individual)Bukit bintang slides(individual)
Bukit bintang slides(individual)Darren Tong
 
Definición y funcionamiento de la Web 2.0
Definición y funcionamiento de la Web 2.0Definición y funcionamiento de la Web 2.0
Definición y funcionamiento de la Web 2.0Melba Elisa
 

Viewers also liked (15)

Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
actividades de la tercera evaluación
actividades de la tercera evaluación actividades de la tercera evaluación
actividades de la tercera evaluación
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Tema 9 creación de páginas web v2
Tema 9  creación de páginas web v2Tema 9  creación de páginas web v2
Tema 9 creación de páginas web v2
 
Proyectos Web 2 Introduccion Html
Proyectos Web   2 Introduccion HtmlProyectos Web   2 Introduccion Html
Proyectos Web 2 Introduccion Html
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Tema 10 presentaciones multimedia.v3
Tema 10   presentaciones multimedia.v3Tema 10   presentaciones multimedia.v3
Tema 10 presentaciones multimedia.v3
 
Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)
 
Creacion y publicacion de paginas Web
Creacion y publicacion de paginas WebCreacion y publicacion de paginas Web
Creacion y publicacion de paginas Web
 
Conceptos basicos prog web introduccion a html y css
Conceptos basicos prog web   introduccion a html y cssConceptos basicos prog web   introduccion a html y css
Conceptos basicos prog web introduccion a html y css
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Bukit bintang slides(individual)
Bukit bintang slides(individual)Bukit bintang slides(individual)
Bukit bintang slides(individual)
 
Definición y funcionamiento de la Web 2.0
Definición y funcionamiento de la Web 2.0Definición y funcionamiento de la Web 2.0
Definición y funcionamiento de la Web 2.0
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Html
HtmlHtml
Html
 

Similar to Introducción a HTML: Conceptos básicos de sitios web y lenguaje HTML

Similar to Introducción a HTML: Conceptos básicos de sitios web y lenguaje HTML (20)

Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
HTML
HTMLHTML
HTML
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Html
HtmlHtml
Html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Html
HtmlHtml
Html
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"
 
Código htlm
Código htlmCódigo htlm
Código htlm
 

More from SebaMaya

Aparato de golgi
Aparato de golgiAparato de golgi
Aparato de golgiSebaMaya
 
Introducción a la Computación
Introducción a la ComputaciónIntroducción a la Computación
Introducción a la ComputaciónSebaMaya
 
Hierro, Deficit y más
Hierro, Deficit y másHierro, Deficit y más
Hierro, Deficit y másSebaMaya
 
Problemas relacionados al deficit Hierro
Problemas relacionados al deficit HierroProblemas relacionados al deficit Hierro
Problemas relacionados al deficit HierroSebaMaya
 
Ovogenesis de las Aves
Ovogenesis de las AvesOvogenesis de las Aves
Ovogenesis de las AvesSebaMaya
 
Sistema Tegumentario (Tegumento) de los Peces Oseos
Sistema Tegumentario (Tegumento) de los Peces OseosSistema Tegumentario (Tegumento) de los Peces Oseos
Sistema Tegumentario (Tegumento) de los Peces OseosSebaMaya
 
Sistema Respiratorio de los Peces Condrictios
Sistema Respiratorio de los Peces Condrictios Sistema Respiratorio de los Peces Condrictios
Sistema Respiratorio de los Peces Condrictios SebaMaya
 
Sistema Excretor de las Aves
Sistema Excretor de las AvesSistema Excretor de las Aves
Sistema Excretor de las AvesSebaMaya
 
Mamiferos: Sistema Cardiovascular
Mamiferos: Sistema CardiovascularMamiferos: Sistema Cardiovascular
Mamiferos: Sistema CardiovascularSebaMaya
 

More from SebaMaya (9)

Aparato de golgi
Aparato de golgiAparato de golgi
Aparato de golgi
 
Introducción a la Computación
Introducción a la ComputaciónIntroducción a la Computación
Introducción a la Computación
 
Hierro, Deficit y más
Hierro, Deficit y másHierro, Deficit y más
Hierro, Deficit y más
 
Problemas relacionados al deficit Hierro
Problemas relacionados al deficit HierroProblemas relacionados al deficit Hierro
Problemas relacionados al deficit Hierro
 
Ovogenesis de las Aves
Ovogenesis de las AvesOvogenesis de las Aves
Ovogenesis de las Aves
 
Sistema Tegumentario (Tegumento) de los Peces Oseos
Sistema Tegumentario (Tegumento) de los Peces OseosSistema Tegumentario (Tegumento) de los Peces Oseos
Sistema Tegumentario (Tegumento) de los Peces Oseos
 
Sistema Respiratorio de los Peces Condrictios
Sistema Respiratorio de los Peces Condrictios Sistema Respiratorio de los Peces Condrictios
Sistema Respiratorio de los Peces Condrictios
 
Sistema Excretor de las Aves
Sistema Excretor de las AvesSistema Excretor de las Aves
Sistema Excretor de las Aves
 
Mamiferos: Sistema Cardiovascular
Mamiferos: Sistema CardiovascularMamiferos: Sistema Cardiovascular
Mamiferos: Sistema Cardiovascular
 

Recently uploaded

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
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
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
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
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 

Recently uploaded (20)

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
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.
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
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
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 

Introducción a HTML: Conceptos básicos de sitios web y lenguaje HTML

  • 1. CLASE 1: INTRODUCCIÓN A UN SITIO WEB Y HTML Profesor Sebastián Maya Miranda
  • 2. SITIO WEB Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web (WWW) en Internet. Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet. HTTP: Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web.
  • 3.
  • 4. HTML HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.
  • 5. HTML El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>)
  • 6. HTML La estructura básica de una página HTML es : <html> <head> </head> <body> Cuerpo de la página. </body> </html>
  • 7. HTML Las instrucciones HTML están encerradas entre los caracteres: < y >. Por Ejemplo: <strong> negrita </strong> Con esto indicamos que todo lo escrito entre las etiquetas “<strong></strong>” se vera en negrito/ bold.
  • 8. HTML Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador) . Diseño Código HOLA QUE TAL <font color=”blue">Hola que tal</font> HOLA QUE TAL Hola que tal<font color=”blue”></font>
  • 9. HTML La estructura básica de una página HTML es : <html> <head> </head> <body> Cuerpo de la página. </body> </html>
  • 10. <HEAD> También llamado Cabecera del sitio El elemento <head> incluye el título para el documento/página, y puede incluir scripts, estilos css, información meta, y más. Los siguientes elementos más comunes que pueden ir dentro del elemento <head></head>: <title> (Si o sí en HEAD) <style> <meta> <script>
  • 11. HTML La estructura básica de una página HTML es : <html> <head> </head> <body> Cuerpo de la página. </body> </html>
  • 12. <BODY> Todo el texto/código dentro del <body> aparece dentro del navegador tal cual lo hayamos escrito . Al escribir: <html> ¡HOLA! <head> </head> <body> ¡HOLA! </body> </html>
  • 13. A CONSIDERAR  HTML no es sensible a mayúsculas y minúsculas. <Head> = <head> = <HEAD> = <heaD>… etc.  No requerimos que se disponga cada marca en una línea, pero para “trabajar en limpio” es mejor hacerlo separado.
  • 14. ¡A TRABAJAR! Entrar al sitio web > www.htmlya.com.ar Énfasis a los conceptos: 2, 3, 4, 7, 9 y 13