SlideShare una empresa de Scribd logo
HTML
Eder Andrade
En que se basa?
• Se basa en el metalenguaje SGML (Standard Generalized Markup Language)
y es el formato de los documentos que normalmente se ocupa para realizar
paginas web
Creación de documentos HTML
• Para crear documentos HTML sólo es necesario :
• Un procesador de textos o un editor de documentos HTML
• Un navegador del WWW o lo que se denomina "programa cliente" que
permite el acceso a páginas WWW de Internet.
Los editores HTML se clasifican en 3 tipos
• Wysywyg (what you see is what you get ): son editores que muestran en pantalla de
forma inmediata lo que se va creando. Son muy útiles para apreciar los colores y la
disposición de los elementos.
• No Wywywyg: editores que necesitan una aplicación externa (el navegador o
browser) para mostrar lo que se va creando. Son útiles para recordar los comandos
HTML y sus atributos.
• Mixtos: presentan la pantalla dividida en dos ventanas, una con el código HTML y
otra con el resultado final, o permiten la visualización de ambos en ventanas
diferentes que se pueden visualizar de forma alternativa.
La estructura de un documento HTML
• Así pues, la estructura de un documento HTML es la siguiente:
• <HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
</HEAD>
<BODY>
[Aquí se sitúan otras etiquetas que hacen posible visualizar la página]
</BODY>
</HTML>
EJEMPLO
<HTML>
<HEAD>
<TITLE>Mi pagina Web</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Primera pagina</H1>
</CENTER>
<HR>
Esta es mi primera pagina, aunque todavía es muy sencilla.
<P>Aqui va un segundo párrafo.
</BODY>
</HTML>
Atributos
<body background="nombre_de_archivo">
Especifica una imagen para el fondo del documento.
<body bgcolor="#rrggbb">
Especifica un color para el fondo del documento.
<body text="#rrggbb">
Especifica un color para el texto normal del documento.
<body link="#rrggbb" vlink="#rrggbb" alink="#rrggbb">
Establece el color del texto de vínculo, del vínculo visitado y del vínculo activo.
#rrggbb representa el valor hexadecimal del color expresado como rojo-verde-azul.

Más contenido relacionado

PPTX
Htmlbasico
PPSX
Html explicacion grado 10
PPTX
Sitio Web / Introducción a HTML
PPTX
Producto 3
DOCX
Trabajo en clase
PPT
Qué Son Las Css
PPT
Clase 3 HTML
Htmlbasico
Html explicacion grado 10
Sitio Web / Introducción a HTML
Producto 3
Trabajo en clase
Qué Son Las Css
Clase 3 HTML

La actualidad más candente (16)

PPTX
Muñozzz
PPTX
Html Sharon 4101
PPTX
Clase Modelo Introducción al Dreamweaver CS3
PPTX
Codigo html
PPTX
Tutorialhtml
PPTX
PDF
CSS Hoja de estilo en cascada
PPTX
PPTX
tutorial para una pagina web
PPTX
Aprende html
PPTX
Lenguaje html
PPTX
Códigos HTML
DOCX
HTML
PPTX
Páginas web en formato HTML
DOCX
Introduccion a html
Muñozzz
Html Sharon 4101
Clase Modelo Introducción al Dreamweaver CS3
Codigo html
Tutorialhtml
CSS Hoja de estilo en cascada
tutorial para una pagina web
Aprende html
Lenguaje html
Códigos HTML
HTML
Páginas web en formato HTML
Introduccion a html
Publicidad

Destacado (11)

PPTX
Emmanuel alvarez journal presentation enc1102
PDF
PPTX
SOUTHERN CARGO PACKERS AND MOVERS IN POWAI (MUMBAI) – WE CARE YOUR GOODS LIKE...
PPT
Binom Newton
PPTX
El uso de las tic en la educacion
DOCX
Fitosmart katalog
PPT
айгерим мусина+салон красоты+клиенты
PDF
2016.11 Newsletter (en)
PPTX
How to Raise funds - Daniel Plamier
PPTX
LOSS PREVENTION EXPERTS ZAPOBIEGANIE STRATOM
PPTX
Audemars Piguet P.P.
Emmanuel alvarez journal presentation enc1102
SOUTHERN CARGO PACKERS AND MOVERS IN POWAI (MUMBAI) – WE CARE YOUR GOODS LIKE...
Binom Newton
El uso de las tic en la educacion
Fitosmart katalog
айгерим мусина+салон красоты+клиенты
2016.11 Newsletter (en)
How to Raise funds - Daniel Plamier
LOSS PREVENTION EXPERTS ZAPOBIEGANIE STRATOM
Audemars Piguet P.P.
Publicidad

Similar a HTML PARTE 1 (20)

PPTX
Diseño de página web
PPTX
Diseño WEB 1.pptx
PPTX
etiquetas y editores.pptx
PPTX
Presentación
PDF
INTROducción a Adobe DREAMWEAVER 2020.pdf
DOC
Curso Html no creado por mi
DOC
Curso de html
PDF
[modo de compatibilidad] HTML
PPTX
Dreamweaver FERMAR2020PREPAPRESENTACION.
PPT
Introducción al HTML
DOCX
Guia no 1 cómo crear mi propia web
PDF
Clase 1 de html
PDF
1.3.2 elementos del lenguaje html
PDF
Clase 5 lenguaje html
PPTX
Taller 1 mariana barreto
PPTX
Que son etiquetas de html daniela veliz
PPTX
Lenguaje html
DOCX
Guia 1 introduccion al html inesani 2016
DOCX
Diseño de página web
Diseño WEB 1.pptx
etiquetas y editores.pptx
Presentación
INTROducción a Adobe DREAMWEAVER 2020.pdf
Curso Html no creado por mi
Curso de html
[modo de compatibilidad] HTML
Dreamweaver FERMAR2020PREPAPRESENTACION.
Introducción al HTML
Guia no 1 cómo crear mi propia web
Clase 1 de html
1.3.2 elementos del lenguaje html
Clase 5 lenguaje html
Taller 1 mariana barreto
Que son etiquetas de html daniela veliz
Lenguaje html
Guia 1 introduccion al html inesani 2016

Último (20)

PDF
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
biología es un libro sobre casi todo el tema de biología
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
PDF
Escuela Sabática 6. A través del Mar Rojo.pdf
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
Tomo 1 de biologia gratis ultra plusenmas
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
DI, TEA, TDAH.pdf guía se secuencias didacticas
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
biología es un libro sobre casi todo el tema de biología
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Lección 6 Escuela Sab. A través del mar rojo.pdf
Escuelas Desarmando una mirada subjetiva a la educación
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
2 GRADO UNIDAD 5 - 2025.docx para primaria
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
Escuela Sabática 6. A través del Mar Rojo.pdf
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
Tomo 1 de biologia gratis ultra plusenmas
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias

HTML PARTE 1

  • 2. En que se basa? • Se basa en el metalenguaje SGML (Standard Generalized Markup Language) y es el formato de los documentos que normalmente se ocupa para realizar paginas web
  • 3. Creación de documentos HTML • Para crear documentos HTML sólo es necesario : • Un procesador de textos o un editor de documentos HTML • Un navegador del WWW o lo que se denomina "programa cliente" que permite el acceso a páginas WWW de Internet.
  • 4. Los editores HTML se clasifican en 3 tipos • Wysywyg (what you see is what you get ): son editores que muestran en pantalla de forma inmediata lo que se va creando. Son muy útiles para apreciar los colores y la disposición de los elementos. • No Wywywyg: editores que necesitan una aplicación externa (el navegador o browser) para mostrar lo que se va creando. Son útiles para recordar los comandos HTML y sus atributos. • Mixtos: presentan la pantalla dividida en dos ventanas, una con el código HTML y otra con el resultado final, o permiten la visualización de ambos en ventanas diferentes que se pueden visualizar de forma alternativa.
  • 5. La estructura de un documento HTML • Así pues, la estructura de un documento HTML es la siguiente: • <HTML> <HEAD> <TITLE>Título de la página</TITLE> </HEAD> <BODY> [Aquí se sitúan otras etiquetas que hacen posible visualizar la página] </BODY> </HTML>
  • 6. EJEMPLO <HTML> <HEAD> <TITLE>Mi pagina Web</TITLE> </HEAD> <BODY> <CENTER> <H1>Primera pagina</H1> </CENTER> <HR> Esta es mi primera pagina, aunque todavía es muy sencilla. <P>Aqui va un segundo párrafo. </BODY> </HTML>
  • 7. Atributos <body background="nombre_de_archivo"> Especifica una imagen para el fondo del documento. <body bgcolor="#rrggbb"> Especifica un color para el fondo del documento. <body text="#rrggbb"> Especifica un color para el texto normal del documento. <body link="#rrggbb" vlink="#rrggbb" alink="#rrggbb"> Establece el color del texto de vínculo, del vínculo visitado y del vínculo activo. #rrggbb representa el valor hexadecimal del color expresado como rojo-verde-azul.