-CONCEPTO DE HTML
HTML es la sigla de HiperText Markup Language (Lenguaje de Marcación de Hipertexto) es un lenguaje es se utiliza comúnmente para establecer la estructura y contenido de un sitio web, tanto de texto, objetos e imágenes. Los archivos desarrollados en HTML usan la extensión .htm o .html.
La funcionalidad del HTML es tan sencilla que puede ser creado y editado en cualquier editor de textos básicos, como el Bloc de Notas típico del sistema operativo Windows. También puede editarse en procesadores de textos, software de diseño web o aplicaciones web directamente, como lo más convencionales programas de administración de contenido como WordPress.
-EVOLUCION DE LAS VERSIONES HTML
HTML 2.0
En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas.
HTML 3.2
La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.01La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01. Desde la publicación de HTML 4.01, el W3C se centró en el desarrollo del estándar XHTML.
HTML 4.01 Strict
En este tipo de documentos podemos usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas, es decir, etiquetas propias de versiones más antiguas. Es la versión que si usamos en teoría nos debería dar un resultado óptimo en los navegadores más modernos.
HTML 4.01 Transitional
En este tipo de documentos se pueden usar todas las etiquetas de todas las versiones de HTML. Usar esta variante de HTML plantea el interrogante de si es correcto permitir el uso de etiquetas obsoletas que podrían dejar de funcionar en las próximas versiones de los navegadores.
HTML 4.01 Frameset
Este tipo de documentos tiene soporte para frames. Los frames son unos marcos a modo de pequeñas sub ventanas dentro de una misma página web que se usaban mucho hace unos años pero que hoy en día se usan cada vez menos.
HTML 5, HTML 5.1, HTML 5.2El consorcio internacional W3C, después de una evolución de varios años, liberó el HTML 5 como estándar oficial a finales de octubre de 2014. HTML 5 incorpora nuevos elementos no contemplados en HTML 4.01. Hay diversos cambios respecto a HTML 4.01. Hay nuevas etiquetas, se introduce la posibilidad de introducir audio y video de forma directa en la web sin necesidad de plugins o complementos en los navegadores, y otras novedades. El W3C irá lanzando progresivamente nuevas evoluciones del HTML 5.
-COMO SE DECLARA DOCTYPE
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
Esto declara el documento para ser HTML 2.0. El HTML 2.0 es apoyado extensamente por los browsers pero carece la ayuda para las tablas, los marcos, y la internacionalización, tan bien como muchos elementos y cualidades presentational comúnmente usados....<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Esto declara el documento para ser HTML 3.2. El HTML 3.2 es apoyado bien por la mayoría de los browsers en uso. Sin embargo, el HTML 3.2 ha limitado la ayuda para las hojas del estilo y ninguna ayuda para las características del HTML 4 tales como marcos e internacionalización.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Esto declara el documento para ser HTML 4.01 Frameset. El HTML 4 Frameset es una variante de HTML 4 transitorio para los documentos que utilizan marcos.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Esto declara el documento para ser HTML 4.01 transitorio. El HTML 4 transitorio incluye todos los elementos y cualidades de HTML 4 estricto pero agrega cualidades presentational, elementos desaprobados, y blancos del acoplamiento. El HTML 4 transitorio reconoce la ayuda relativamente pobre del browser para las hojas del estilo, permitiendo que muchas características de la presentación del HTML sean utilizadas como transición hacia HTML 4 estricto.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Más nuevos browsers tales como Internet Explorer 5 para Mac, Netscape 6 y Mozilla usan una representación esta'ndar-obediente para los documentos transitorios del HTML 4.01 que incluyen el URI del DTD en el DOCTYPE. Estos browsers utilizan un modo de los "caprichos" para emular la representación de insectos en más viejos browsers si se omite el URI:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Esto declara el documento para ser HTML 4.01 estricto. El HTML 4.01 estricto es ajustado abajo de la versión del HTML 4.01 que acentúa la estructura sobre la presentación. Los elementos y las cualidades (cualidades más presentational incluyendo), los marcos, y las blancos desaprobados del acoplamiento no se permiten en HTML 4 terminante. Escribiendo a HTML 4 terminante, los autores pueden alcanzar los documentos accesibles, estructural ricos que se adaptan fácilmente a las hojas del estilo y a diversas situaciones el hojear. Sin embargo, desde muchos browsers el apoyo total de la carencia para el estilo cubre, HTML 4 que los documentos terminantes pueden parecer suaves en más viejos browsers visuales tales como Netscape Navigator.
-ESTRUCTURA BASE DE HTML
Todos los documentos Html tienen la estructura que se muestra a continuación, aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
Vamos a analizar más detenidamente las distintas secciones que componen la página
Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por ejemplo:<meta name="description" content="Información sobre el Centro, las enseñanzas que se pueden cursar, los departamentos didácticos">En este caso las etiquetas le indican a los buscadores el contenido de nuestras páginas (description) y algunas palabras clave (keywords) para su localización.
<meta name="keywords" content="educación, enseñanza, instituto, profesores, alumnos">
La cabecera es la sección comprendida entre <head> y </head>. En ella se encuentra necesariamente el título (entre las etiquetas <title> y </title>).El título de la página debe describir su contenido por ejemplo:Dentro de la cabecera también se suele incluir código en JavaScript, que se reconoce porque va comprendido entre las etiquetas
<TITLE>Universidad San Carlos - Ámbito de Influencia - </TITLE>
no valdría en cambio
<TITLE>Página de Inicio</TITLE> ya que esto no dice nada por si solo
<script language="JavaScript">
<!--
Aquí iría el código
// -->
</SCRIPT>
El cuerpo (body) del documento html es normalmente lo más importante. Es aquí donde debemos colocar el contenido de nuestra página: texto, fotos, etc.El cuerpo está delimitado por las etiquetas <body> y </body> La etiqueta <body> suele contener algunos atributos, a saber:
BGCOLOR parámetro usado para especificar el color de fondo de la página. El color se define como una terna de números (#rrggbb) en base hexadecimal en el orden rojo, verde, azul (Red, Green, Blue). También se puede usar el nombre en inglés de los colores predefinidos en los navegadores.
Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>
Una buena ayuda para la selección de colores con #rrggbb la puedes encontrar en: Paleta de Colores
TEXT, parámetro usado para definir el color del texto por omisión. Su formato es el mismo que el de BGCOLOR. Si no se pone nada es negro.
LINK, VLINK, ALINK, parámetros usados para especificar el color por omisión de: texto con enlace, enlace ya visitado y enlace activo.
Los colores por omisión son LINK=blue, VLINK=purple y ALINK=red. El formato es el mismo que BGCOLOR.
BACKGROUND, parámetro usado para especifica la ruta y nombre de archivo (URL) de la imagen que será usando como fondo del documento. Esta se verá como mosaico para cubrir toda la ventana si es pequeña (lo habitual).
Sintaxis: <BODY BACKGROUND="ruta/archivo.gif">
Es conveniente especificar la ruta de modo relativo, esto quiere decir que si cambiamos el directorio completo donde están nuestras páginas, desde C:\ a C:\webs por ejemplo, la ruta especificada debe seguir siendo válida.<BODY BACKGROUND="gifs/fondo.gif">
Fíjate en ../ pues es lo que indica al navegador que debe acudir al directorio superior.
-LINEA DE TIEMPO Y MAPA MENTAL (TRABAJO EN CLASE)
-PAGINA CON 5 REQUISITOS PERSONALES (ELABORADA EN LABORATORIO)
No hay comentarios:
Publicar un comentario