clase de html
DESCRIPTION
LENGUAJE DE HTML, PROGRAMACIÓN.TRANSCRIPT
![Page 1: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/1.jpg)
FACILITADOR: MORENO DUGLAS
![Page 2: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/2.jpg)
¿QUE ES HTML?
![Page 3: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/3.jpg)
¿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.
![Page 4: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/4.jpg)
Estructura
Página Web
•Párrafos •Encabezados •Listas
•Tablas •Capas •Etc.
HTML
Contenido •Textos •Imágenes •Enlaces
![Page 5: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/5.jpg)
Elementos del HTML
Los elementos son los componentes fundamentales del HTML
Cuentan con 2 propiedades básicas: Atributos, Contenido
En 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
![Page 6: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/6.jpg)
Atributos
Los 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>
![Page 7: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/7.jpg)
Algunos tipos de Elementos
Estructurales
Tipos de Elementos
Describen el propósito del texto y no denotan ningún formato específico.
Por ejemplo: <h1>Curso HTML</h1>
De Presentación
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.
De Hipertexto
Relaciona una parte del documento a otros documentos.
Por ejemplo: <a href=“http://www.google.com.ve”>Google</a>
![Page 8: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/8.jpg)
<HTML>… </HTML>
Delimita el Documento HTML
<HEAD> … </HEAD>
Estructura de un Documento de HTML
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>
![Page 9: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/9.jpg)
Elementos del HEAD
Alguno 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.
![Page 10: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/10.jpg)
UNA PÁGINA BÁSICA
El 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.
![Page 11: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/11.jpg)
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.
![Page 12: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/12.jpg)
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>
![Page 13: CLASE DE HTML](https://reader033.vdocumento.com/reader033/viewer/2022052600/557ae666d8b42a25358b45bf/html5/thumbnails/13.jpg)
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>