Asdasd
Páginas: 9 (2108 palabras)
Publicado: 6 de marzo de 2013
Programa de Computación e Informática
Fundamentos de Diseño WEB
ETIQUETACIÓN HTML & ESTANDARIZACIÓN WEB
ETIQUETAS HTML
Prof. Gonzalo Anchante Hurtado
Diseño Gráfico & Diseño Web
Docente del Programa de Computación e Informática - Grupo IDAT
Elementos y tags
HTML está compuesto por un conjunto de elementos que son la base de su estructura. Los elementos están diseñadospara dar información especial que será utilizada para computar su representación final. Esto significa que donde un tag es definido en el código HTML, algo ocurrirá en la representación de ese documento, que puede ser visual o no.
Nota cómo el tag de apertura está compuesto por el nombre del elemento encerrado por los símbolos "<" y ">". Por otra parte, el tag de cierre es declaradoexactamente como el tag de apertura pero con una barra antes del nombre del tag. Lo que sea que caiga en el medio de éstos es llamado contenido, pero ten en cuenta que no todos los elementos permiten contenido (elementos vacíos).
Cada uno de los 93 elementos estándar produce un resultado específico cuando el documento es representado (por ejemplo, el elemento HTML strong provee de mayor importancia asu contenido, el cual es usualmente representado en negrita) permitiendo a los autores dar formato y/o insertar información en documentos. Todo elemento puede tener atributos y eventos que deben ser declarados dentro del tag de apertura separado del nombre y de otros atributos o eventos por un espacio. Su contenido es ubicado entre el tag de apertura y el de cierre.-------------------------------------------------
<nombretag atributo1="val1" atributo2="val2" ... evento1="funcion1" evento2="funcion2" ...>Contenido</nombretag>
Etiquetas HTML (estándar)
Elemento | Descripción corta |
<!-- --> | Inserta comentarios ocultos |
<!DOCTYPE> | Establece el tipo de documento |
<a> | Inserta vínculos o marcadores |
<area> | Define sectores para unmapa de imagen |
<b> | Convierte texto en negrita |
<blockquote> | Inserta una cita en forma de párrafo |
<body> | Actúa como contenedor para toda la parte representable del documento (cuerpo) |
<br> | Forza un quiebre de línea |
<button> | Crea un botón que permite contenido HTML (elementos) |
<caption> | Establece un título para una tabla |<center> | Muestra su contenido centrado |
<code> | Declara a su contenido como código de computadora |
<div> | Define un bloque de contenido |
<dl> | Inserta una lista de términos y definiciones |
<dt> | Inserta un término en una lista de términos y definiciones |
<em> | Indica énfasis para su contenido |
<font> | Establece el estilo de fuentepara su contenido |
<form> | Inserta un formulario |
<frame> | Inserta un marco simple |
<frameset> | Inserta un conjunto de marcos |
<h1> | Define un encabezado de nivel 1 |
<h2> | Define un encabezado de nivel 2 |
<h3> | Define un encabezado de nivel 3 |
<h4> | Define un encabezado de nivel 4 |
<h5> | Define un encabezado de nivel 5 |<h6> | Define un encabezado de nivel 6 |
<head> | Encierra el bloque de encabezado del documento (para las declaraciones globales) |
<hr> | Dibuja una línea horizontal |
<html> | Actúa como contenedor para el documento entero (encabezado y cuerpo) |
<i> | Muestra su contenido con estilo de fuente itálica |
<iframe> | Inserta un marco dentro delcontenido del documento |
<img> | Inserta una imagen |
<input> | Muestra un control de entrada (texto, contraseña, casillas de verificación, etc.) |
<label> | Establece una etiqueta para un control en un formulario |
<li> | Inserta un ítem en una lista (para listas ordenadas y desordenadas) |
<link> | Da infromación relacional acerca del documento al vincularlo...
Fundamentos de Diseño WEB
ETIQUETACIÓN HTML & ESTANDARIZACIÓN WEB
ETIQUETAS HTML
Prof. Gonzalo Anchante Hurtado
Diseño Gráfico & Diseño Web
Docente del Programa de Computación e Informática - Grupo IDAT
Elementos y tags
HTML está compuesto por un conjunto de elementos que son la base de su estructura. Los elementos están diseñadospara dar información especial que será utilizada para computar su representación final. Esto significa que donde un tag es definido en el código HTML, algo ocurrirá en la representación de ese documento, que puede ser visual o no.
Nota cómo el tag de apertura está compuesto por el nombre del elemento encerrado por los símbolos "<" y ">". Por otra parte, el tag de cierre es declaradoexactamente como el tag de apertura pero con una barra antes del nombre del tag. Lo que sea que caiga en el medio de éstos es llamado contenido, pero ten en cuenta que no todos los elementos permiten contenido (elementos vacíos).
Cada uno de los 93 elementos estándar produce un resultado específico cuando el documento es representado (por ejemplo, el elemento HTML strong provee de mayor importancia asu contenido, el cual es usualmente representado en negrita) permitiendo a los autores dar formato y/o insertar información en documentos. Todo elemento puede tener atributos y eventos que deben ser declarados dentro del tag de apertura separado del nombre y de otros atributos o eventos por un espacio. Su contenido es ubicado entre el tag de apertura y el de cierre.-------------------------------------------------
<nombretag atributo1="val1" atributo2="val2" ... evento1="funcion1" evento2="funcion2" ...>Contenido</nombretag>
Etiquetas HTML (estándar)
Elemento | Descripción corta |
<!-- --> | Inserta comentarios ocultos |
<!DOCTYPE> | Establece el tipo de documento |
<a> | Inserta vínculos o marcadores |
<area> | Define sectores para unmapa de imagen |
<b> | Convierte texto en negrita |
<blockquote> | Inserta una cita en forma de párrafo |
<body> | Actúa como contenedor para toda la parte representable del documento (cuerpo) |
<br> | Forza un quiebre de línea |
<button> | Crea un botón que permite contenido HTML (elementos) |
<caption> | Establece un título para una tabla |<center> | Muestra su contenido centrado |
<code> | Declara a su contenido como código de computadora |
<div> | Define un bloque de contenido |
<dl> | Inserta una lista de términos y definiciones |
<dt> | Inserta un término en una lista de términos y definiciones |
<em> | Indica énfasis para su contenido |
<font> | Establece el estilo de fuentepara su contenido |
<form> | Inserta un formulario |
<frame> | Inserta un marco simple |
<frameset> | Inserta un conjunto de marcos |
<h1> | Define un encabezado de nivel 1 |
<h2> | Define un encabezado de nivel 2 |
<h3> | Define un encabezado de nivel 3 |
<h4> | Define un encabezado de nivel 4 |
<h5> | Define un encabezado de nivel 5 |<h6> | Define un encabezado de nivel 6 |
<head> | Encierra el bloque de encabezado del documento (para las declaraciones globales) |
<hr> | Dibuja una línea horizontal |
<html> | Actúa como contenedor para el documento entero (encabezado y cuerpo) |
<i> | Muestra su contenido con estilo de fuente itálica |
<iframe> | Inserta un marco dentro delcontenido del documento |
<img> | Inserta una imagen |
<input> | Muestra un control de entrada (texto, contraseña, casillas de verificación, etc.) |
<label> | Establece una etiqueta para un control en un formulario |
<li> | Inserta un ítem en una lista (para listas ordenadas y desordenadas) |
<link> | Da infromación relacional acerca del documento al vincularlo...
Leer documento completo
Regístrate para leer el documento completo.