Introducci

1
Introducción a HTML

• Héctor Antonio Villa Martínez

2
Índice

• http//euler.mat.uson.mx/havillam/curso_html/inde
  x.html
• Presentación de HTML.
• Marcas (etiquetas) básicas de HTML.
• Extensiones a HTML.
• Haciendo visible una página en Internet.

3
HTML

• Lenguaje utilizado para crear documentos de
  hipertexto para la WWW.
• Nació en 1991 de manos de Tim Bernes-Lee del CERN
  (Centre Européenne pour la Recherche Nucleáire)
  en Suiza como un sistema hipertexto con el único
  objetivo de servir como medio de transmisión de
  información entre físicos de alta energía.

4
HTML

• No es un lenguaje de procesamiento.
• No define de forma estricta la apariencia de una
  página, se limita a describir la estructura y el
  contenido de un documento, y no el formato exacto
  de la página.
• Es un lenguaje independiente de la plataforma en
  que se utilice.

5
HTML

• Se programa insertando en el texto una serie de
  marcas (etiquetas o tags) que controlan los
  diferentes aspectos de la presentación y
  comportamiento de la página.
• Las marcas son fragmentos de texto encerrados
  entre los signos "mayor que" y "menor que"
  (ltmarcagt).

6
HTML

• Existen diferentes tipos de marcas
• Para controlar la presentación del texto del
  documento.
• Para incluir imágenes.
• Para definir ligas a otros documentos o a
  diferentes partes del mismo documento.

7
HTML

• Muchas marcas funcionan por parejas, una para
  indicar el inicio y otra para señalar el final.
• La marca de inicio consiste en una letra o una
  palabra, por ejemplo ltBgt (inicio de negritas),
  ltTITLEgt (inicio de título).
• La marca de final es la misma letra o palabra
  precedida por la diagonal, por ejemplo lt/Bgt (fin
  de negritas), lt/TITLEgt (fin de título).

8
HTML

• Existen algunas marcas que no requieren su pareja
  de cierre como ltBRgt (salto de línea).
• Las marcas, pueden estar en mayúsculas o en
  minúsculas.
• Existen editores de HTML, como PageMaker o HTML
  Assistant.
• Algunos paquetes, como Word y PowerPoint,
  permiten guardar documentos en formato HTML.

9
Marcas de sección

• ltHTMLgtdocumentolt/HTMLgt
• ltHEADgtargumentos de la cabezalt/HEADgt
• ltTITLEgttítulo de la páginalt/TITLEgt
• ltBODYgtargumentos del cuerpolt/BODYgt

10
Separadores

• P salto de párrafo.
• BR salto de línea.
• HR línea de separación.
• Encabezados (headers)
• H1 (más grande) hasta
• H6 (más pequeño).

11
Manejo de texto

• Estilos del texto (letra negrita, itálica, etc.)
• Alineación (izquierda, derecha, etc.)
• Texto preformateado (verbatim).
• Texto sangrado.

12
Listas

• Listas ordenadas
• Listas no ordenadas
• Listas directorio
• Listas menú
• Listas de definición

13
Otros

• Tablas.
• Ligas.
• En el mismo documento
• A otros documentos
• Imágenes.

14
Extensiones

• Applets.
• JavaScript.

15
Applets

• Son programas en Java que agregan capacidad de
  procesamiento a una página HTML.
• Se incluyen usando la etiqueta ltAPPLET
  CODE"nombre-del-programa"gt lt/APPLETgt
• Los applets pueden hacer cálculos, gráficas,
  desplegar imágenes, accesar bases de datos, etc.

16
JavaScript

• Lenguaje con sintaxis similar a C/Java.
• Multiparadigma
• Orientado a objetos.
• Imperativo.
• Funcional.
• Fácil de integrar con HTML

17
Haciendo visible una página

• Instalar un servidor de páginas web.
• Usar un servidor existente.
• Yahoo! Small Business (comercial)
• Free Web Host (gratis)
• Webs (gratis)

18
Preguntas

• Página del curso
• http//euler.mat.uson.mx/havillam/curso_html/inde
  x.html