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
Creación de páginas web
DOCX
DOCX
Colegio nacional nicolas esguerra html
DOCX
Colegio nacional nicolas esguerra html
PPT
Clase 3 HTML
DOCX
Colegio nacional nicolas esguerra html
Creación de páginas web
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
Clase 3 HTML
Colegio nacional nicolas esguerra html

La actualidad más candente (11)

PPTX
Noe html poer
RTF
Informatica tp2
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
PPTX
evaluacion 2 párcial 2 quimestre primero bachillerato
DOCX
Colegionacionalnicolasesguerra 120914133034-phpapp02
PDF
El doctype de HTML5
Noe html poer
Informatica tp2
Folleto informatica basica
Guia no 1 cómo crear mi propia web
LENGUAJE, HISTORIA Y ETIQUETAS HTML
Que es el htlm
evaluacion 2 párcial 2 quimestre primero bachillerato
Colegionacionalnicolasesguerra 120914133034-phpapp02
El doctype de HTML5
Publicidad

Destacado (20)

PPTX
Origen del Internet
PDF
Re-Design
PPTX
Un día en clase
PPSX
Solidos cristalinos
PPS
Musica MóDulo Marta
PDF
DOCX
El ser humano y el lenguaje
PDF
Processen eerst!
PDF
Power point2
PPTX
Red social myspace
PPTX
Historia del internet
PPTX
PDF
Doutoramento TIC na Educação 2012
PPSX
E book - ereader
PDF
Plant a Row for the Hungry Brochure- Gardner Writers Association
ODP
CONTE SOBRE LA DIADA DE MENORCA
DOC
Redes informáticas
PPTX
Internet
DOCX
Nicolas
DOCX
Insertar texto con diferentes propiedades
Origen del Internet
Re-Design
Un día en clase
Solidos cristalinos
Musica MóDulo Marta
El ser humano y el lenguaje
Processen eerst!
Power point2
Red social myspace
Historia del internet
Doutoramento TIC na Educação 2012
E book - ereader
Plant a Row for the Hungry Brochure- Gardner Writers Association
CONTE SOBRE LA DIADA DE MENORCA
Redes informáticas
Internet
Nicolas
Insertar texto con diferentes propiedades
Publicidad

Similar a Html (20)

PPTX
Html
PPTX
PPTX
Html
PPTX
Html
PPTX
expo html
PPTX
PPTX
DOCX
Guia 1 introduccion al html inesani 2016
DOCX
DOC
Curso de html
DOCX
Colegio nacional nicolás esguerra
DOCX
DOCX
Colegio nacional nicolás esguerra
PPTX
Html 1
DOCX
Colegio nacional nicolas esguerra
Html
Html
Html
expo html
Guia 1 introduccion al html inesani 2016
Curso de html
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Html 1
Colegio nacional nicolas esguerra

Más de arubio9 (9)

PPTX
Exposicionhiipi 120605125103-phpapp02.odp [reparado]
ODP
-phpapp01
ODP
Sinttulo1 120508125851-phpapp01
PPT
Lastics 120527141743-phpapp01
PPTX
Computadores
PPTX
Fotos UNU
PPTX
Fotos
PPTX
Computadores
ODP
Computadores
Exposicionhiipi 120605125103-phpapp02.odp [reparado]
-phpapp01
Sinttulo1 120508125851-phpapp01
Lastics 120527141743-phpapp01
Computadores
Fotos UNU
Fotos
Computadores
Computadores

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)