SlideShare una empresa de Scribd logo
1 de 6
Diseño de
Pagina Web
Con HTML
¿QUÉ ES HTML?
Historia:
HTML nació públicamente en un documento llamado HTML Tags
(Etiquetas HTML), publicado por primera vez en Internet por Tim
Berners-Lee en 1991. En esta publicación se describen 22 etiquetas
que mostraban un diseño inicial y relativamente simple de HTML.
• HTML es el lenguaje que se emplea para el desarrollo de páginas
internet. Está compuesto por una serie de etiquetas que el
interpreta y da forma en la pantalla. HTML dispone de etiquetas
imágenes, hipervínculos que nos permiten dirigirnos a otras páginas,
saltos de línea, listas, tablas, etc.
ESTRUCTURA BÁSICA DEL HTML
Lo primero que debemos considerar dentro de la organización básica
de HTML es el uso de los corchetes angulares < y >.
En HTML estos corchetes contienen en su interior código especial
llamado ETIQUETA que indican la estructura y el formato del
CONTENIDO de la página.
HTML está formado por muchas etiquetas que pueden realizar
infinidad de tareas para dar formato a nuestras
páginas Web.
ESTRUCTURA BÁSICA DEL HTML
Tres son las etiquetas (tags) que describen la estructura general de un
documento y dan una información sencilla sobre él. Estas etiquetas no afectan
a la apariencia del documento y solo interpretan y filtran los archivos HTML.
• <HTML>: Limitan el documento e indica que se encuentra escrito en este
lenguaje.
• <HEAD>: Especifica el prólogo del resto del archivo esto es, el
encabezado. Son pocas las etiquetas que van dentro de ella, destacando la
del titulo <TITLE> que será utilizado por los marcadores del navegador e
identificará el contenido de la página. Solo puede haber un título por
documento, preferiblemente corto aunque significativo, y no caben otras
etiquetas dentro de él. En <head> no
hay que colocar nada del texto del documento.
• <BODY>: Encierra el resto del documento, el contenido es el que se
muestra en un explorador Web.
Cargando HTML…

Más contenido relacionado

La actualidad más candente (16)

Html 1
Html 1Html 1
Html 1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnesto
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 
HTML
HTMLHTML
HTML
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Etiquetas html básicas
Etiquetas html básicasEtiquetas html básicas
Etiquetas html básicas
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Estructura de una paguina html original
Estructura de una paguina html originalEstructura de una paguina html original
Estructura de una paguina html original
 
Presentación html
Presentación htmlPresentación html
Presentación html
 
Informatica
InformaticaInformatica
Informatica
 

Similar a Html (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
html
htmlhtml
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
Abraham
AbrahamAbraham
Abraham
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Html
HtmlHtml
Html
 
html
html html
html
 
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
 

Más de Lic. Oney Begambre

Más de Lic. Oney Begambre (20)

Cronograma sc
Cronograma scCronograma sc
Cronograma sc
 
Comunicado I.E.A.U
Comunicado  I.E.A.UComunicado  I.E.A.U
Comunicado I.E.A.U
 
Guia de aprendizaje grado 8 completa
Guia de aprendizaje grado 8 completaGuia de aprendizaje grado 8 completa
Guia de aprendizaje grado 8 completa
 
Guia de aprendizaje grado 7 completa
Guia de aprendizaje grado 7 completaGuia de aprendizaje grado 7 completa
Guia de aprendizaje grado 7 completa
 
Guia de aprendizaje grado 6 completa
Guia de aprendizaje grado 6 completaGuia de aprendizaje grado 6 completa
Guia de aprendizaje grado 6 completa
 
Guia de aprendizaje clei 4 completa
Guia de aprendizaje clei 4 completaGuia de aprendizaje clei 4 completa
Guia de aprendizaje clei 4 completa
 
Guia de aprendizaje clei 3 completa
Guia de aprendizaje clei 3 completaGuia de aprendizaje clei 3 completa
Guia de aprendizaje clei 3 completa
 
Capacitacion google meet
Capacitacion google meetCapacitacion google meet
Capacitacion google meet
 
Guia geometria grado-7
Guia geometria grado-7Guia geometria grado-7
Guia geometria grado-7
 
Guia estadistica grado-7
Guia estadistica grado-7Guia estadistica grado-7
Guia estadistica grado-7
 
Guia de matematicas Grado 7
Guia de matematicas Grado 7Guia de matematicas Grado 7
Guia de matematicas Grado 7
 
Guia de aprendizaje CLEI 4
Guia de aprendizaje CLEI 4Guia de aprendizaje CLEI 4
Guia de aprendizaje CLEI 4
 
Guia de aprendizaje periodo 2 CLEI 3
Guia de aprendizaje periodo 2 CLEI 3Guia de aprendizaje periodo 2 CLEI 3
Guia de aprendizaje periodo 2 CLEI 3
 
GUIA DE APRENDIZAJE GRADO 8
GUIA DE APRENDIZAJE GRADO 8GUIA DE APRENDIZAJE GRADO 8
GUIA DE APRENDIZAJE GRADO 8
 
GUIA DE APRENDIZAJE GRADO 7
GUIA DE APRENDIZAJE GRADO 7GUIA DE APRENDIZAJE GRADO 7
GUIA DE APRENDIZAJE GRADO 7
 
Guia de Aprendizaje periodo 2 grado 6
Guia de Aprendizaje periodo 2 grado 6Guia de Aprendizaje periodo 2 grado 6
Guia de Aprendizaje periodo 2 grado 6
 
Actividades mecanet
Actividades mecanetActividades mecanet
Actividades mecanet
 
Modelo de plan de empresa
Modelo de plan de empresaModelo de plan de empresa
Modelo de plan de empresa
 
Taller practico 5 html
Taller practico 5 htmlTaller practico 5 html
Taller practico 5 html
 
Taller practico 4 html
Taller practico 4 htmlTaller practico 4 html
Taller practico 4 html
 

Último

Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
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
El Fortí
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
JonathanCovena1
 

Último (20)

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
 
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
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
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
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
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
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
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...
 

Html

  • 2. ¿QUÉ ES HTML? Historia: HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. • HTML es el lenguaje que se emplea para el desarrollo de páginas internet. Está compuesto por una serie de etiquetas que el interpreta y da forma en la pantalla. HTML dispone de etiquetas imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  • 3. ESTRUCTURA BÁSICA DEL HTML Lo primero que debemos considerar dentro de la organización básica de HTML es el uso de los corchetes angulares < y >. En HTML estos corchetes contienen en su interior código especial llamado ETIQUETA que indican la estructura y el formato del CONTENIDO de la página. HTML está formado por muchas etiquetas que pueden realizar infinidad de tareas para dar formato a nuestras páginas Web.
  • 4. ESTRUCTURA BÁSICA DEL HTML Tres son las etiquetas (tags) que describen la estructura general de un documento y dan una información sencilla sobre él. Estas etiquetas no afectan a la apariencia del documento y solo interpretan y filtran los archivos HTML. • <HTML>: Limitan el documento e indica que se encuentra escrito en este lenguaje. • <HEAD>: Especifica el prólogo del resto del archivo esto es, el encabezado. Son pocas las etiquetas que van dentro de ella, destacando la del titulo <TITLE> que será utilizado por los marcadores del navegador e identificará el contenido de la página. Solo puede haber un título por documento, preferiblemente corto aunque significativo, y no caben otras etiquetas dentro de él. En <head> no hay que colocar nada del texto del documento. • <BODY>: Encierra el resto del documento, el contenido es el que se muestra en un explorador Web.
  • 5.