HTML

De WikiEducator

Saltar anavegación, buscar




La evolución de la web

Este recurso te ayudará a centrar algunos conceptos en el tiempo: http://evolutionofweb.appspot.com/




Contenido

Documentación básica

Herramientas

Navegadores

Extensiones firefox

Editores

Otras

¿Qué es HTML?

Servidor HTML

Para nuestros ejercicios necesitaremos un servidor html

¿Por qué son necesarios los estándares web?

Historia de internet y de los estándares

http://mosaic.uoc.edu/ac/le/es/m1/ud1/index.html

Cómo funciona internet y la navegación web

http://mosaic.uoc.edu/ac/le/es/m1/ud2/index.html

Modelo de los estándares: html, css y js

http://mosaic.uoc.edu/ac/le/es/m1/ud3/index.html

La realidad de los estándares

http://mosaic.uoc.edu/ac/le/es/m1/ud4/index.html

Conceptos básicos de html



Lecturas recomendadas

http://mosaic.uoc.edu/ac/le/es/m3/ud1/index.html



HTML(HyperText Markup Language) es un lenguaje para describir el contenido de los documentos de la web. Usa una sintaxis que contiene marcadores (conocidos como "elementos") que rodean al texto que hay dentro del documento para indicar a los navegadores cómo representar el documento.

Historia de HTML

La estructura de un documento HTML

El documento HTML válido más pequeño posible sería algo similar a esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
    <head>
       <title>Página de ejemplo</title>
    </head>
    <body>
       <h1>Hola a todos</h1>
    </body>
 </html>

La sintaxis de los elementos HTML

Un elemento en HTML consiste en dos marcadores al principio y al final de un bloque de texto. Algunoselementos no rodean al texto. Casi siempre contener subelementos.

Los elementos pueden tener atributos, que amplían su contenido. Los atributos van dentro de la etiqueta y su valor va entre comillas.

<div id="contenido">
    <h1>Conceptos básicos del 
       <abbr title="lenguaje de marcado de hipertexto">HTML</abbr>
    </h1>
 </div>

Elementos de bloque y en línea

Caracteres especiales

Los caracteres <, > i & son especiales. El símbolo & se usa para introducir entidades: http://evolt.org/node/21234/

Colores


Escribiendo HTML

Metadatos

Modelo de cajas

Formularios


Actividades


Navegación
Herramientas
Crear un libro