Introducción a HTML

¿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.

Página Web
•Párrafos •Tablas
Estructura •Encabezados •Capas
•Listas •Etc.
HTML
•Textos
Contenido •Imágenes
•Enlaces

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

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>

Algunos tipos de Elementos
Tipos de Elementos
Estructurales
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>

<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>

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.

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.

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.

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>

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>

Introducción a HTML

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (16)

Ähnlich wie Introducción a HTML

Ähnlich wie Introducción a HTML (20)

Mehr von Duglas Oswaldo Moreno Mendoza

Mehr von Duglas Oswaldo Moreno Mendoza (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Introducción a HTML