SlideShare una empresa de Scribd logo
Introducción a
Que es HTML?
HTML (Hyper Text Markup Language), es un lenguaje de 
programación que permite presentar texto de forma estructurada 
y agradable, complementando el texto con objetos tales como 
imágenes, enlaces, etc.
Es interpretado del lado del cliente (usuario final)
Utiliza etiquetas  pareadas:  <etiqueta>  Texto  </etiqueta>
La World Wide Web Consortium (W3C) es la organización 
encargada de administrar los estandares
HISTORIA 
El Lenguaje de Marcación de Hipertexto (HTML), fue creado en 
1989 por el físico nuclear Tim Berners­Lee el cual propuso diseñar 
un sistema de unificación del acceso a todos los datos que poseía 
el Centro Europeo para la Investigación Nuclear (CERN)
Se comenzó así a desarrollar una plataforma de tipo hipertexto y un 
protocolo de comunicaciones que se denomino: HTTP (Hyper Text 
Transfer Protocol), que permitiría a todos los científicos del CERN, 
consultar cualquier información de cualquier tema, aunque se 
encontrada en diferentes ordenadores de cualquiera de las 
instituciones que colaboraban con el CERN.
Fue tanto el éxito que se definió un lenguaje de creación de 
documentos estructurado que se llamo HTML.
COMPONENTES DE HTML
Etiquetas (tags)
apertura <xxx> cierre </xxx>
<P> ……. </P>
Atributos
Modifican la funcionalidad de las tags
<body BGCOLOR...>
Valores
Definen el valor del atributo
<P ALIGN="center">...</P>
ESTRUCTURA DE HTML
ESTRUCTURA DE HTML
ESTRUCTURA DE HTML
EJEMPLO SIMPLE
DANDOLE FORMATO AL TEXTO
PárrafosPárrafos
– <P ALIGN="LEFT"> ….. Alineado a la izquierda
– <P ALIGN="CENTER"> ….. Alineado al centro
– <P ALIGN="RIGHT"> ….. Alineado a la derecha
– <P ALIGN="JUSTIFY"> ….. Alineado en forma justificada
Salto de línea o retorno de carro:  <br>
Linea Horizontal:   <hr>
Cabeceras                                      Estilo de Texto:Cabeceras                                      Estilo de Texto:
<<H1> mayor tamaño   ­<b>...</b>  ­<b>...</b>  NegritaNegrita
<H2> ­<i>...</i>     Cursiva 
.....  ­<u>...</u>   Subrayado
<H5> 
<H6> menor tamaño
Etiqueta FONT : Etiqueta FONT : permite modificar el tamaño, color, y  tipo de letra
<FONT SIZE=4 COLOR="AA0000" FACE="Arial, Verdana"> .. </FONT> 
LISTAS
TABLAS
ENLACES
IMAGENES
EJEMPLO
EJERCICIO
Crear una pagina HTML con información sobre algún tema (libre
elección). La pagina debe contener:
- Enunciado del tema
- Subtitulos de Subtemas
- Lista con descripción de la temática
- Imágenes relacionadas
- Enlaces al final de la pagina para mas información del tema.
La pagina debe tener colores en los textos y un tipo de letra diferente al
predeterminado.

Más contenido relacionado

PPTX
PPTX
Daniela
DOCX
Ejercicio 1
ODP
Presentación de internet
PPTX
Presentaciones www
PPTX
Html
PPTX
Los navegadores
Daniela
Ejercicio 1
Presentación de internet
Presentaciones www
Html
Los navegadores

La actualidad más candente (9)

PPTX
Protocolo http
PDF
breve historia de html
PPTX
Navegador Web
PPTX
Dn12 u3 a2_maj
DOCX
Html cuesti
PDF
Taller 1
PPTX
Samuel rodriguez 2ºa
PPTX
Interntet y navegadores web
DOCX
Trabajo de definiciones
Protocolo http
breve historia de html
Navegador Web
Dn12 u3 a2_maj
Html cuesti
Taller 1
Samuel rodriguez 2ºa
Interntet y navegadores web
Trabajo de definiciones
Publicidad

Destacado (20)

PPT
Avance de las comunicaciones UDA
PPTX
Evolución de la Comunicación Kevin Fajardo Guillermo Ajalla
PDF
Nombre de dominio
PPTX
Los tipos de software
PDF
ADManager Plus Makes Admissions A CakeWalk For College Montmorency
PPTX
5 tipos de software
PDF
Introduccion al software libre
PDF
Ensayo sobre el Software y sus tipos
PPTX
Ensayo tipos de software
DOCX
Ensayo sobre el Software libre
PPTX
Software, clasificacion y tipos
PDF
Introducción HTML y CSS
PPTX
Estereotipos
PDF
Maquetación web
PPTX
Tipos de software
PDF
05 Introduccion a HTML
PDF
Tendencias diseño web 2016 2017
PPTX
PDF
Introducción a HTML y CSS
PDF
Pervasive Information Architecture: Fundamentos para el diseño de experiencia...
Avance de las comunicaciones UDA
Evolución de la Comunicación Kevin Fajardo Guillermo Ajalla
Nombre de dominio
Los tipos de software
ADManager Plus Makes Admissions A CakeWalk For College Montmorency
5 tipos de software
Introduccion al software libre
Ensayo sobre el Software y sus tipos
Ensayo tipos de software
Ensayo sobre el Software libre
Software, clasificacion y tipos
Introducción HTML y CSS
Estereotipos
Maquetación web
Tipos de software
05 Introduccion a HTML
Tendencias diseño web 2016 2017
Introducción a HTML y CSS
Pervasive Information Architecture: Fundamentos para el diseño de experiencia...
Publicidad

Similar a Introduccion html (20)

PPTX
PPTX
Lenguaje html
PPT
Apuntes de HTML 1
PDF
Trabajo de HTML Luicelys Pérez
PPT
Retroalimentación 2011 Lopez, Carlos
PDF
Presentación1
DOC
Que es html
PDF
Introducción a html
DOCX
PDF
Que es html
DOCX
Trabajo Html
PPTX
Taller html
DOCX
Definición de html
PDF
Definición de html
DOCX
Definición de html
DOCX
DOCX
DOCX
DOCX
DOCX
HTML :D TRABAJO DE HTML :D
Lenguaje html
Apuntes de HTML 1
Trabajo de HTML Luicelys Pérez
Retroalimentación 2011 Lopez, Carlos
Presentación1
Que es html
Introducción a html
Que es html
Trabajo Html
Taller html
Definición de html
Definición de html
Definición de html
HTML :D TRABAJO DE HTML :D

Más de Nury Farelo V (7)

PDF
Formularios html
PPT
Conceptos internet
PPT
Conceptos internet
PDF
PDF
Maquinas Virtuales SFD 2010
PDF
Software libre-desarrollo-en-comunidad
PDF
Aspectos legales-software-libre-flisol-2010
Formularios html
Conceptos internet
Conceptos internet
Maquinas Virtuales SFD 2010
Software libre-desarrollo-en-comunidad
Aspectos legales-software-libre-flisol-2010

Introduccion html