SlideShare una empresa de Scribd logo
Html
«etiquetas», rodeadas por
               corchetes angulares (<,>)


MIME: Multipurpose Internet Mail
          Extensions




       [Lenguaje de Marcado de Hipertexto ]
HTML Tags (Etiquetas HTML), Tim Berners-Lee en 1991




  Boceto Hypertext Markup Language de Berners-Lee y Dan
 Connolly, el cual incluía una Definición de Tipo de Documento
                 SGML para definir la gramática



IETF Internet EngineeringTaskForce (Grupo Especial sobre
Ingeniería de Internet1 )




 SGML son las siglas de Standard Generalized Markup Language o
            "Estándar de Lenguaje de Marcado Generalizado"
El W3C (World Wide Web Consortiun) es un consorcio internacional donde
Organizaciones miembro, Personal Full-time y el público en general trabajan para
                          desarrollar Estándares Web.
  La misión del W3C es la de maximizar el potencial de la WWW desarrollando
       protocolos y guías que aseguren el crecimiento futuro de la Web.
Html
El lenguaje HTML puede ser creado y editado
   con cualquier editor de textos básico, como
  puede ser Gedit en Linux, el Bloc de notas de
  Windows, o cualquier otro editor que admita
 texto sin formato como GNU Emacs, Microsoft
Wordpad, TextPad, Vim, Notepad++, entre otros.
Algunos tipos de Elementos:

Estructurales:
Describen el propósito del texto y no denotan ningún formato específico. Por ejemplo:
<h1>Curso HTML</h1>
Presentacion:
Describen la apariencia del texto, independientemente de su función. Por ejemplo:
<b>Curso HTML</b> Los elementos de presentación se encuentran obsoletos desde la
aparición del CSS.
HiperTexto:
Relaciona una parte del documento a otros documentos.
Por ejemplo:
<a href=“http://www.cema.edu.ar”>Universidad del Cema</a>
Toda página web empieza con la
etiqueta <HTML> dentro de la cual
se almacena todo el código de la
página web.
Las instrucciones HTML deben
abrirse con los operadores < > y
cerrarse con </ >.
A continuación se ubica el <HEAD>, o
cabecera, dentro de la cual se ubica el título de
 la página web, este es reconocido, en una de
  sus pestañas, por el navegador que permite
                  visualizarla.
El <Body> permite almacenar todo el código
 que necesitas para insertar tablas, párrafos,
imágenes, colores, enlaces, y demás recursos
     que necesite tu página web, lo que se
   encuentre aquí se visualizará en pantalla.
  Todas las instrucciones que abras (<body>)
        necesitaran cerrarse (</body>)
PASO 1.Abrir el editor de texto sin formato (bloc de notas)
PASO 2.Iniciar la estructura de la página web con el código HTML
PASO 3.Ubicate dentro de las instrucciones <html> y abre una nueva instrucción: <head>,
no olvides cerrarla </head>.
PASO 4.Dentro de las instrucciones <head> ubicamos una nueva: <title> la cual
establecerá el título de la página, no olvides cerrarla </title>
PASO 5.Abre la instrucción <body> dentro de esta irá todo el cuerpo de la página web, solo
lo que se enuentre aquí se pordra visualizar en pantalla, no olvides cerrarla </body>
PASO 6.Ubícate dentro de la instrucción <body> para incluir un titulo a tu página, hazlo con la
instrucción <h1> que sirve para agregar encabezados, no olvides cerrar la instrucción
</h1>.Dentro de ellas puedes escribir un título
PASO 7.Aun dentro de la instrucción <body> agrega párrafos con la instrucción <p>, no
olvides cerrarla </p>
GUARDAR LA PÁGINA WEB
Haz clic en Archivo, Guardar Como: Index.html
porque es una página de inicio, y escoges
enTipo de documento: Todos los
archivos.Ubica el archivo en el escritorio para
que sea de facil acceso.¡Y a Guardar y ejecutar
nuestra página web!

Si ubicaste el archivo en el escritorio de tu
computador, solo debes ir allí y hacer doble
clic en el archivo, el cual tendrá un icono con la
imagen de tu navegador.
Html
Html
Html
Html
Html
Html
Html
PASO 8.Le hace falta un color de fondo ¿verdad?Utiliza la instrucción Bgcolor, añade al
<body> asi como se muestra en la imagen.El color debe escribirse en ingles o hexadecimal
(es el color codificado en letras y números)
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html
Html

Más contenido relacionado

PPTX
PPTX
Html
DOCX
PPT
Clase 3 HTML
DOCX
Colegio nacional nicolas esguerra html
PPTX
Noe html poer
RTF
Informatica tp2
Html
Clase 3 HTML
Colegio nacional nicolas esguerra html
Noe html poer
Informatica tp2

La actualidad más candente (8)

DOCX
Folleto informatica basica
DOCX
Guia no 1 cómo crear mi propia web
PPTX
LENGUAJE, HISTORIA Y ETIQUETAS HTML
PPTX
Que es el htlm
PDF
Trabajo 905
DOCX
Colegio nicolas esguerra222
DOCX
Colegionacionalnicolasesguerra 120914133034-phpapp02
Folleto informatica basica
Guia no 1 cómo crear mi propia web
LENGUAJE, HISTORIA Y ETIQUETAS HTML
Que es el htlm
Trabajo 905
Colegio nicolas esguerra222
Colegionacionalnicolasesguerra 120914133034-phpapp02
Publicidad

Destacado (9)

PPTX
Diapositivas hipi
ODP
Exposicion hiipi
ODP
Hipi presentacion
ODP
Hipi presentacion
PPTX
Diapositivas hipi
ODP
Computadores
DOCX
Razones para elegir las licencias creative commons
PPT
Tutoria Computacion
ODP
Exposicion hiipi libre ofice
Diapositivas hipi
Exposicion hiipi
Hipi presentacion
Hipi presentacion
Diapositivas hipi
Computadores
Razones para elegir las licencias creative commons
Tutoria Computacion
Exposicion hiipi libre ofice
Publicidad

Similar a Html (20)

PPTX
Html
PPTX
PPTX
Html
PPTX
Deber de htmly xml
PPTX
Taller 1 mariana barreto
PPSX
Investigacion de html y xml
PPTX
Camilo diaz
PPTX
Html
PPTX
PPT
programamcion html
PDF
Tutorial html
DOCX
Html111
DOCX
Html geraly fernanda cabrera aldana
PDF
1.3.2 elementos del lenguaje html
PPTX
PPTX
Introducción a html
PPTX
Html y xml
PDF
PPTX
Html
Html
Deber de htmly xml
Taller 1 mariana barreto
Investigacion de html y xml
Camilo diaz
Html
programamcion html
Tutorial html
Html111
Html geraly fernanda cabrera aldana
1.3.2 elementos del lenguaje html
Introducción a html
Html y xml

Html

  • 2. «etiquetas», rodeadas por corchetes angulares (<,>) MIME: Multipurpose Internet Mail Extensions [Lenguaje de Marcado de Hipertexto ]
  • 3. HTML Tags (Etiquetas HTML), Tim Berners-Lee en 1991 Boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática IETF Internet EngineeringTaskForce (Grupo Especial sobre Ingeniería de Internet1 ) SGML son las siglas de Standard Generalized Markup Language o "Estándar de Lenguaje de Marcado Generalizado"
  • 4. El W3C (World Wide Web Consortiun) es un consorcio internacional donde Organizaciones miembro, Personal Full-time y el público en general trabajan para desarrollar Estándares Web. La misión del W3C es la de maximizar el potencial de la WWW desarrollando protocolos y guías que aseguren el crecimiento futuro de la Web.
  • 6. El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros.
  • 7. Algunos tipos de Elementos: Estructurales: Describen el propósito del texto y no denotan ningún formato específico. Por ejemplo: <h1>Curso HTML</h1> Presentacion: Describen la apariencia del texto, independientemente de su función. Por ejemplo: <b>Curso HTML</b> Los elementos de presentación se encuentran obsoletos desde la aparición del CSS. HiperTexto: Relaciona una parte del documento a otros documentos. Por ejemplo: <a href=“http://www.cema.edu.ar”>Universidad del Cema</a>
  • 8. Toda página web empieza con la etiqueta <HTML> dentro de la cual se almacena todo el código de la página web. Las instrucciones HTML deben abrirse con los operadores < > y cerrarse con </ >.
  • 9. A continuación se ubica el <HEAD>, o cabecera, dentro de la cual se ubica el título de la página web, este es reconocido, en una de sus pestañas, por el navegador que permite visualizarla.
  • 10. El <Body> permite almacenar todo el código que necesitas para insertar tablas, párrafos, imágenes, colores, enlaces, y demás recursos que necesite tu página web, lo que se encuentre aquí se visualizará en pantalla. Todas las instrucciones que abras (<body>) necesitaran cerrarse (</body>)
  • 11. PASO 1.Abrir el editor de texto sin formato (bloc de notas)
  • 12. PASO 2.Iniciar la estructura de la página web con el código HTML
  • 13. PASO 3.Ubicate dentro de las instrucciones <html> y abre una nueva instrucción: <head>, no olvides cerrarla </head>.
  • 14. PASO 4.Dentro de las instrucciones <head> ubicamos una nueva: <title> la cual establecerá el título de la página, no olvides cerrarla </title>
  • 15. PASO 5.Abre la instrucción <body> dentro de esta irá todo el cuerpo de la página web, solo lo que se enuentre aquí se pordra visualizar en pantalla, no olvides cerrarla </body>
  • 16. PASO 6.Ubícate dentro de la instrucción <body> para incluir un titulo a tu página, hazlo con la instrucción <h1> que sirve para agregar encabezados, no olvides cerrar la instrucción </h1>.Dentro de ellas puedes escribir un título
  • 17. PASO 7.Aun dentro de la instrucción <body> agrega párrafos con la instrucción <p>, no olvides cerrarla </p>
  • 18. GUARDAR LA PÁGINA WEB Haz clic en Archivo, Guardar Como: Index.html porque es una página de inicio, y escoges enTipo de documento: Todos los archivos.Ubica el archivo en el escritorio para que sea de facil acceso.¡Y a Guardar y ejecutar nuestra página web! Si ubicaste el archivo en el escritorio de tu computador, solo debes ir allí y hacer doble clic en el archivo, el cual tendrá un icono con la imagen de tu navegador.
  • 26. PASO 8.Le hace falta un color de fondo ¿verdad?Utiliza la instrucción Bgcolor, añade al <body> asi como se muestra en la imagen.El color debe escribirse en ingles o hexadecimal (es el color codificado en letras y números)