0
FACILITADOR: MORENO DUGLAS
¿QUE ES HTML?
¿Qué es HTML?             HTML (Hypertext Markup Language)   Hypertext    Es texto ordinario al que se le incorporan    f...
Página Web             •Párrafos      •TablasEstructura   •Encabezados   •Capas             •Listas        •Etc.          ...
Elementos del HTMLLos elementos son los componentes fundamentales del HTMLCuentan con 2 propiedades básicas: Atributos, Co...
AtributosLos atributos de un elemento son pares de nombres y valores separados por un „=„ que se encuentran dentro de la e...
Algunos tipos de Elementos                                           Tipos de ElementosEstructuralesDescriben el propósito...
<HTML>… </HTML>                              Estructura de un   Delimita el Documento HTML             Documento de HTML<H...
Elementos del HEADAlguno de los elementos factibles de incluir en el HEAD son:<TITLE> … </TITLE>   Define el título del do...
UNA PÁGINA BÁSICAEl lenguaje trabaja a base de etiquetas.La información que aparece dentro de estas  estará influenciada p...
Todo el documento debe estar entre las etiquetas <HTML> Y </HTML>.El documento está dividido en dos partes principales:  E...
La etiqueta del encabezamiento se trabajará de la  siguiente manera:  <HEAD>Texto</HEAD>La etiqueta del cuerpo será:  <BOD...
La estructura básica de las partes de una página Web son:  <HTML>  <HEAD><TITLE>título </TITLE></HEAD>  <BODY>Es la inform...
Upcoming SlideShare
Loading in...5
×

CLASE DE HTML

379

Published on

LENGUAJE DE HTML, PROGRAMACIÓN.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
379
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "CLASE DE HTML "

  1. 1. FACILITADOR: MORENO DUGLAS
  2. 2. ¿QUE ES HTML?
  3. 3. ¿Qué es HTML? HTML (Hypertext Markup Language) Hypertext Es texto ordinario al que se le incorporan funcionalidades adicionales como: Formato, Imágenes, Multimedia y enlaces a otro documento. Markup Es el proceso de tomar el texto ordinario e incorporarle símbolos adicionales. Cada uno de estos símbolos identifica a un comando que le indica al navegador como mostrar ese texto.
  4. 4. Página Web •Párrafos •TablasEstructura •Encabezados •Capas •Listas •Etc. HTML •TextosContenido •Imágenes •Enlaces
  5. 5. Elementos del HTMLLos elementos son los componentes fundamentales del HTMLCuentan con 2 propiedades básicas: Atributos, ContenidoEn general se conforman con una Etiqueta de Apertura y otra Cierre.Los atributos se colocan dentro la etiqueta de apertura, y el contenido se coloca entre la etiqueta de apertura y la de cierre. Elemento Etiqueta de Apertura Contenido Etiqueta de Cierre <p align=“center”>Curso HTML CEMA</p> Nombre Valor Atributo
  6. 6. AtributosLos atributos de un elemento son pares de nombres y valores separados por un „=„ que se encuentran dentro de la etiqueta de apertura de algún elemento. Los valores deben estar entre comillas. Ejemplo: <span id=„iddeesteelemento style=color:red; title=„Curso de HTML„> Curso de HTML </span>
  7. 7. Algunos tipos de Elementos Tipos de ElementosEstructuralesDescriben el propósito del texto y no denotan ningún formato específico.Por ejemplo: <h1>Curso HTML</h1>De PresentaciónDescriben 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.De HipertextoRelaciona una parte del documento a otros documentos.Por ejemplo: <a href=“http://www.google.com.ve”>Google</a>
  8. 8. <HTML>… </HTML> Estructura de un Delimita el Documento HTML Documento de HTML<HEAD> … </HEAD> Delimita el encabezado del Documento HTML En general incluye los metadatos del documentos y Scripts.<BODY> … </BODY> Delimita el Cuerpo del Documento HTML. Es donde se incluyen los contenidos visibles del documento.Ejemplo <html> <head> Aquí se incluyen os distintos elementos del encabezado </head> <body> Aquí se incluyen los distintos elementos contenedores o scripts </body> </html>
  9. 9. Elementos del HEADAlguno de los elementos factibles de incluir en el HEAD son:<TITLE> … </TITLE> Define el título del documento HTML<SCRIPT> … </SCRIPT> Se utiliza para incluir programas al documento. En general se tratan de Javascripts.<STYLE> … </STYLE> Especifica un estilo CSS para ser utilizado en el documento.<META> … </META> Permite especificar información de interés como: autor, fecha de publicación, descripción, palabras claves, etc.
  10. 10. UNA PÁGINA BÁSICAEl lenguaje trabaja a base de etiquetas.La información que aparece dentro de estas estará influenciada por las mismas. <xxx> Inicio de una etiqueta. </xxx> Cierre de una etiqueta.
  11. 11. Todo el documento debe estar entre las etiquetas <HTML> Y </HTML>.El documento está dividido en dos partes principales: El encabezamiento En este hay información que no se ve en la pantalla principal. Este debe ser corto y descriptivo, ya que será lo que verán las personas cuando añadan la página a sus favoritos.
  12. 12. La etiqueta del encabezamiento se trabajará de la siguiente manera: <HEAD>Texto</HEAD>La etiqueta del cuerpo será: <BODY>Texto</BODY>La etiqueta del título será: <TITLE>Texto</TITLE>
  13. 13. La estructura básica de las partes de una página Web son: <HTML> <HEAD><TITLE>título </TITLE></HEAD> <BODY>Es la información que mostrará la página al usuario </BODY> </HTML>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×