Introducción HTML
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.
<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 |