Mostrando entradas con la etiqueta etiquetas. Mostrar todas las entradas
Mostrando entradas con la etiqueta etiquetas. Mostrar todas las entradas

Introducción HTML

miércoles, 28 de abril de 2010

Una pagina HTML es un archivo de texto plano, con un formato de etiquetas especifico que un explorador (browser; firefox, iExplorer, etc) interpretará y dará formato al mismo.

Que es HTML?

HTML es un lenguaje para describir paginas web.

  • HTML es Hyper Text Markup Language
  • HTML no es un lenguaje de programación, es un lenguaje de marcas o de marcados
  • HTML utiliza etiquetas para dar forma a un documento web.
  • HTML uses markup tags to describe web pages

Etiquetas HTML

  • Las etiquetas son palabras claves rodeadas por símbolos de mayor y menor como
  • Normalmente las etiquetas vienen en pares como <strong> </strong>
  • El primero es el tag de abertura, el segundo el de clausura.

Documentos HTML = Paginas web

  • Los documentos HTML describen paginas web
  • Los documentos HTML contienen etiquetas html y texto plano.
Un Browser o explorador de internet (como Internet Explorer o Firefox) lee un documento HTML y lo despliega como página web. Este no muestra las etiquetas HTML, sino que usa las etiquetas para interpretar el contenido de la pagina.
<html>
 <body>
  <h1>Un encabezado</h1>
  <p>Un parrafo</p>
 </body>
</html>

Elemento HTML

Un elemento HTML es todo lo contenido entre una etiqueta de apertura y una de clausura.

Etiqueta apertura /th> Contenido del elemento Etiqueta de clausura
<p> Esto es un parrafo </p>
<a href="pagina.html" > Esto es un link </a>
<br />    

Sintaxis de elementos HTML

  • Un elemento HTML comienza con una etiqueta de apertura
  • Un elemento HTML termina con una etiqueta de cierre / etiqueta de clausura
  • El econtenido del elemento es todo lo que esta entre las etiquetas
  • Algunos elementos HTML tienen contenido vacío
  • Los elementos vacios se cierran en el la etiqueta de apertura.
  • La mayoria de los elementos HTML pueden llevar atributos.

Atributos HTML

  • Los elementos HTML pueden tener atributos
  • Los atributos dan informacion adicional sobre el elemento
  • Los atributos siempre se especifican en la etiqueta de apertura
  • Los Atributos se usan en par nombre/valor como: id="unId"

Esta es una lista de los atributos estandar de la mayoria de elementos HTML:

Atributo Valor Descripcion
class nombre_de_clase La clase (css) del elemento
id identificador Un identificador (unico en esa pagina) del elemento
style definicion_de_estilo Una definicion de estilo dentro del html