Codigo que en su origen fue meramente descriptivo, con el progresar de sus versiones ha ido incorporando más etiquetas (también eliminando otras) para poder ampliar sus capacidades. De por sí al principio HTML solo describia el texto plano, luego pasó a describir el texto con formato, luego las tablas, luego la adición de imágenes, luego pasó a tener secciones, y la última versión de HTML (5) contiene etiquetas que permiten la inserción de objetos multimedia como ser reproductores de video, de audio, pudiendo reproducirse el contenido sin la intervención de otros lenguajes de programación.
Vamos a referirnos en este curso a la versión de HTML 4.0 , cuyas versiones intermedias pueden ser varias.
Las etiquetas básicas (algunas) incluidas unas pocas de las versiones anteriores de HTML
son las que figuran en la siguiente lista:
Hay, por supuesto, muchas más etiquetas, pero lo más importante es lo que describiré a continuación:
Por lo tanto ya tenemos 2 características
Las etiquetas HTML tienen apertura y cierre (dadas ciertas excepciones)
Las etiquetas en su mayoría poseen atributos, los cuales modifican el contenido que se agrega dentro o entre las etiquetas. Un atributo puede ser:
El tamaño de una imagen: Su ancho(width) y su algo (heigth), su fuente, origen o ubicación (src=), sus bordes ("0","1", etc)
Así tambien un texto tiene en sus atributos su formato, color, tipo de letra, tamaño, orden, etc.
Esta lección sólo tratará estos aspectos y directamente les pasaré la página donde pueden encontrar los códigos HTML para representar los colores de cualquier atributo.
COLORES HTML
EL ORDEN en el que agregamos los atributos es en general indistinto, obviamente dadas ciertas excepciones
Como notarán, todas las etiquetas corresponden a palabras o abreviaciones de palabras en inglés
table
img (image)
src (source = origen)
font (fuente - de texto)
body (cuerpo)
etc.
Toda página tiene al menos las siguientes partes en su código
ENCABEZADO
CUERPO
En el encabezado habrá contenido que no necesariamente vaya a ser mostrado en el navegador, no será "visible" por nosotros.
El Cuerpo de la página será la sección que contendrá lo que mayormente SI aparece en la ventana, será "visible"
El encabezado se usa en general para agregar más etiquetas (tags) para funciones como el nombre del documento, alguna descripción para ciertos navegadores, mensajes a mostrarse si el navegador no puede mostrar la página correctamente, versión de HTML usado en la pagina, y código de programación ajeno a HTML para cumplir funciones complementarias como ser comunicar errores,mensajes adicionales hacia el navegador y/o hacia el visitante, etc.
El cuerpo de la página contendra en orden de lectura Arriba a abajo y de Izquierda a derecha, la ubicación de los contenidos, como ser imagenes, tablas, texto, divisiones de secciones por motivos organizativos (u otros que veremos también)
También el cuerpo de la página se dedica para darle propiedades a la página globalmente, cuando se trata de configuraciones en código HTML
Para volver a este tema nos referiremos a la clase en la que describí los conceptos de Internet y el gráfico dibujado en clase.
Esta mini lección es la introducción al código HTML y se interconectará con la siguiente que presentará al programa Dreamweaver.
Vamos a referirnos en este curso a la versión de HTML 4.0 , cuyas versiones intermedias pueden ser varias.
Las etiquetas básicas (algunas) incluidas unas pocas de las versiones anteriores de HTML
son las que figuran en la siguiente lista:
APERTURA | ACCION | ATRIBUTOS | CIERRE |
<! | Comentario | Ninguno | --> |
<body> | Cuerpo del documento | Bgcolor, background, text, link, vlink, alink | </body> |
<head> | Encabezado | Base, tittle, nextid, meta | </head> |
<br> | Retorno de línea | Ninguno | |
<p> | Retorno de línea, con un espacio | ninguno | |
<p align> | Alineación de texto | Left, center, right | </p> |
<b> | Texto en negrita | <b> | |
<div> | Define un bloque de contenidos | Align | </div> |
<img> | Contiene una imagen | Align, src, alt width, height, border, | ninguno |
<h1> | |||
<table> | Dibuja una tabla | Width, align, border, cellspacing, cellpadding | </table> |
<tr> | Fila en una tabla (table row) | Rowspan, width, border | </tr> |
<td> | Celda en una tabla (va dentro de <tr>) | Bgcolor, align, valign, height, width | |
<a> | Vincula a un destino | Href, | </a> |
<title> | Titulo de la pagina | </title> |
Hay, por supuesto, muchas más etiquetas, pero lo más importante es lo que describiré a continuación:
Descripción de la estructura de HTML
HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento.
Elementos:
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej.
<nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Atributos
La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual "=" y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es considerado poco seguro.
Por lo tanto ya tenemos 2 características
Las etiquetas HTML tienen apertura y cierre (dadas ciertas excepciones)
Las etiquetas en su mayoría poseen atributos, los cuales modifican el contenido que se agrega dentro o entre las etiquetas. Un atributo puede ser:
El tamaño de una imagen: Su ancho(width) y su algo (heigth), su fuente, origen o ubicación (src=), sus bordes ("0","1", etc)
Así tambien un texto tiene en sus atributos su formato, color, tipo de letra, tamaño, orden, etc.
Esta lección sólo tratará estos aspectos y directamente les pasaré la página donde pueden encontrar los códigos HTML para representar los colores de cualquier atributo.
COLORES HTML
EL ORDEN en el que agregamos los atributos es en general indistinto, obviamente dadas ciertas excepciones
Como notarán, todas las etiquetas corresponden a palabras o abreviaciones de palabras en inglés
table
img (image)
src (source = origen)
font (fuente - de texto)
body (cuerpo)
etc.
Toda página tiene al menos las siguientes partes en su código
ENCABEZADO
CUERPO
En el encabezado habrá contenido que no necesariamente vaya a ser mostrado en el navegador, no será "visible" por nosotros.
El Cuerpo de la página será la sección que contendrá lo que mayormente SI aparece en la ventana, será "visible"
El encabezado se usa en general para agregar más etiquetas (tags) para funciones como el nombre del documento, alguna descripción para ciertos navegadores, mensajes a mostrarse si el navegador no puede mostrar la página correctamente, versión de HTML usado en la pagina, y código de programación ajeno a HTML para cumplir funciones complementarias como ser comunicar errores,mensajes adicionales hacia el navegador y/o hacia el visitante, etc.
El cuerpo de la página contendra en orden de lectura Arriba a abajo y de Izquierda a derecha, la ubicación de los contenidos, como ser imagenes, tablas, texto, divisiones de secciones por motivos organizativos (u otros que veremos también)
También el cuerpo de la página se dedica para darle propiedades a la página globalmente, cuando se trata de configuraciones en código HTML
Para volver a este tema nos referiremos a la clase en la que describí los conceptos de Internet y el gráfico dibujado en clase.
Esta mini lección es la introducción al código HTML y se interconectará con la siguiente que presentará al programa Dreamweaver.
No hay comentarios:
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.