CLASE DE HTML

531 views

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
531
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>

×