Escolar Documentos
Profissional Documentos
Cultura Documentos
Ir a la navegación Ir a la búsqueda
Índice
1 <!-- -->
1.1 Descripción
1.2 Aplicación
1.3 Atributos
1.4 Compatibilidad
1.5 Notas
1.6 Ejemplo de uso
2 <![CDATA[ ]]>
2.1 Descripción
2.2 Aplicación
2.3 Atributos
2.4 Compatibilidad
2.5 Notas
2.6 Ejemplo de uso
3 <!DOCTYPE >
3.1 Descripción
3.2 Aplicación
3.3 Atributos
3.4 Compatibilidad
3.5 Notas
3.6 Ejemplo de uso
4 <a>
4.1 Descripción
4.2 Aplicación
4.3 Atributos
5 <form>
5.1 Descripción
5.2 Aplicación
5.3 Atributos
5.3.1 Atributos obligatorios
5.3.2 Atributos opcionales
5.3.3 Atributos estándar
5.4 Compatibilidad
5.5 Ejemplo de uso
6 <body>
6.1 Descripción
6.2 Aplicación
6.3 Atributos
6.4 Compatibilidad
6.5 Notas
7 <table>
7.1 Descripción
7.2 Atributos
7.3 Compatibilidad
7.4 Ejemplo de uso
7.5 Notas
8 <input >
8.1 Descripción
8.2 Aplicación
8.3 Atributos
8.4 Notas
8.5 Compatibilidad
8.6 Ejemplo de uso
9 <colgroup>
9.1 Descripción
9.2 Atributos opcionales
9.3 Compatibilidad con navegadores
9.4 Ejemplo
10 <textarea>
10.1 Descripción
10.2 Aplicación
10.3 Atributos
10.4 Compatibilidad
11 <button >
11.1 Descripción
11.2 Aplicación
11.3 Atributos
11.4 Compatibilidad
11.5 Ejemplo de uso
12 Referencias
<!-- -->
Descripción
Mediante esta etiqueta <!-- --> se inserta un comentario oculto en la ejecución del documento pero
visible en el código. Esta etiqueta no será interpretada ni ejecutada; será ignorada por el navegador.
Este elemento no es un objeto. Los comentarios son de utilidad para documentar el código para otros
programadores y ayudan a comprender mejor su contenido, especialmente para programadores con
poca experiencia.
Aplicación
Los comentarios tendrán la siguiente estructura por línea o varias líneas:
Inicio: <!--
Comentario: Texto unicode
Cierre: -->
Atributos
Ninguno.
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
Notas
No está permitido espacios en blanco entre el marcador de inicio de la declaración (<!) y el delimitador
del comentario (--), debiendo ir todo junto (<!--), mientras que si serán aceptados los espacios en
blanco entre el delimitador final del comentario (--) y el delimitador del cierre de la declaración (>). Un
error frecuente es incluir una cadena de guiones ("--") dentro de un comentario, lo que puede ser
interpretado como el final del comentario.1
Ejemplo de uso
<!-- Comentario de ejemplo
que ocupa dos líneas-->
<![CDATA[ ]]>
Descripción
Permite introducir caracteres especiales sin que sean interpretados por el navegador como código
ejecutable, sino como texto. Fue introducido inicialmente para evitar que los caracteres "<" ">" fuesen
interpretados como marcado, es decir, como el inicio y final de una determinada etiqueta. Este
elemento no es un objeto.
Aplicación
CDATA tendrá la siguiente estructura por línea o varias líneas:
Inicio: Ha sido borrado del lenguaje HTML
Contenido: Texto unicode.
Cierre: ]]>
Atributos
Ninguno.
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
Notas
La única combinación de caracteres no válida en el contenido es la misma que cierra la etiqueta: ]]> 2,
esto es, los CDATA no pueden anidarse.3
Ejemplo de uso
Código Resultado
<![CDATA[<example>
<subexample> <example>
contenido cualquiera! <subexample>
</subexample> contenido cualquiera!
</example> </subexample>
]]> </example>
<!DOCTYPE >
Descripción
Con esta etiqueta se define el tipo de documento. Es una etiqueta obligatoria que muestra
necesariamente el tipo de documento y optativamente el estándar que lo define. Precede
obligatoriamente a HTML. Todos los elementos, etiquetas y objetos de la página web, incluidos
comentarios, deberán ir después.4
Aplicación
Inicio: <a><DOCIPE</a>
Contenido: Atributos
Cierre: >
Atributos
Mediante estos atributos se especifica el estándar con el que se rige el documento y la url del DTD.
Atributos obligatorios:
Atributo Definición
Tipodocumento html / xhtml5 / math6 / svg7
Atributos opcionales:
Notas
Las variables de los atributos pueden ir entre comillas " o apóstrofos '. El identificador puede
escribirse en mayúsculas o minúsculas. 18
Ejemplo de uso
Código Muestra
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
strict.dtd"> Este código no
<html> es ejecutable
<head>
...
<a>
Descripción
Permite crear un hipervínculo o definir un ancla, esto es, establece un vínculo o enlace directo con un
recurso de una red determinada, o define un punto de referencia al que poder enlazar con otros
hipervínculos. El vínculo directo con el recurso de una red suele facilitar el acceso al contenido del
mismo mediante el uso de una interfaz de usuario determinada.19
Aplicación
Inicio: <a (atributos)>
Contenido: texto
Cierre:</a>
Dentro de los atributos se debe incluir el atributo href, en el cual se indicará la url a la que
apuntará el texto entre los marcadores.
Atributos
Enlace Muestra
<a href="url" title="st
<a atributo1 & atributo2 & atributo3 ... >te
ring" hreflang="isocode
xto</a>
" ... >texto</a>
<form>
Descripción
La etiqueta <form> se utiliza para crear un formulario HTML para la entrada del usuario.
Un formulario puede contener elementos de entrada como los campos de texto, casillas de verificación,
botones de radio, botones de envío y mucho más. Una forma puede contener menús de selección,
textarea, fieldset, legend, y los elementos de la etiqueta.
Aplicación
Inicio: <form (atributos)>
Contenido: Elementos que forman parte del form: input, es la interfaz que sirve de entrada de
datos al formulario.
Cierre:</form>
Atributos
Atributos obligatorios
Atributo Valor Definición
action URL Especifica dónde debe enviar el formulario de datos cuando se envía un formulario
Atributos opcionales
STF
application/x-www-form- Especifica cómo se forman los datos deben
enctype urlencoded multipart/form-data ser codificados antes de enviarlos a un
text/plain servidor
STF
Especifica la forma de enviar el formulario
method obtener puesto
de datos
Atributos estándar
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
Ejemplo de uso
Ejemplo Muestra
<form action="http://www..." method="post" name="formulario"
enctype="application/x-www-form- urlencoded "></form>
Este elemento es invisible, sólo son visibles los elementos que hay dentro de él.
<body>
Descripción
Contiene todos los elementos visibles del documento. Esta es la parte del documento que se muestra en
el navegador. Los atributos asociados a esta etiqueta son de ámbito global, esto es, especifican
propiedades que afectan a todo el contenido de la página web, como color o imagen de fondo,
márgenes, fuente, etc. Que, no obstante, luego pueden ser definidos de forma aislada.
Aplicación
Inicio: <body>
Contenido: #Contenido HTML
Cierre:</body>
Atributos
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
Notas
Las propiedades CSS definidas en esta etiqueta pueden ser modificadas de forma aislada. Por ejemplo,
si de forma global se asigna la fuente Verdana, a un determinado elemento como <p> o <div>
pueden asignárseles otras fuentes de forma totalmente independiente. Esta característica es aplicable a
cualquier elemento.
<table>
Descripción
Mediante la etiqueta <table> se define una tabla que se divide en filas, divididas a su vez en celdas
de datos donde se pueden contener texto, enlaces, imágenes, listas, formularios, otras tablas, etc...
<tr>: fila de tabla
Atributos
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
Ejemplo de uso
Código Muestra
<table border="2"
cellpadding="5">
<tr>
<td>
<p>Ejemplo de la elaboración
de una tabla</p>
<p>con algunos de sus
atributos</p>
</td>
<td>
<img
src="http://www.w3schools.co
m/images/w3html.gif">
</td>
</tr>
</table>
Notas
Se pueden utilizar todos los atributos estándar para colocar dentro de las celdas diferentes elementos,
por ejemplo: link (href=), imágenes (src=), etc….
<input >
Descripción
La etiqueta <input> se utiliza para seleccionar la información del usuario. Un campo de entrada puede
variar de muchas maneras, dependiendo del tipo de atributo. Un campo de entrada puede ser un campo
de texto, una casilla de verificación, un campo de contraseña, un botón y mucho más.
Aplicación
Inicio: <input
Contenido: Atributos
Cierre: />
Atributos
Mediante estos atributos se especifican determinadas variables asociadas a las propiedades del objeto.
Notas
Diferencias entre HTML y XHTML En HTML, la etiqueta <input> no tiene etiqueta de cierre. En
XHTML, la etiqueta <input> deben estar debidamente cerrados, así <input />.
Consejo, utilice el <label> etiqueta para definir etiquetas para los elementos de entrada.
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
Ejemplo de uso
<colgroup>
Descripción
La etiqueta <colgroup> se utiliza en una tabla para agrupar columnas. La etiqueta <colgroup> es útil
para la aplicación de estilos a columnas enteras, en lugar de repetir los estilos para cada celda o para
cada una de las filas. La etiqueta <colgroup> sólo se puede utilizar dentro de una tabla.
Atributos opcionales
La etiqueta <colgroup> admite los atributos siguientes:
right
Char
middle
valign Alínea el contenido en vertical de un grupo de columnas. SFT
bottom
baseline
pixels
%
width Especifica el ancho de un grupo de columnas. SFT
relative_leng
th
Ejemplo
<table width="100%" border="1">
<colgroup span="2" align="left"></colgroup>
<colgroup align="right" style="color:#0000FF;"></colgroup>
<tr>
<th>MICHEL</th>
<th>ISMAEL</th>
<th>VÍCTOR</th>
</tr>
<tr>
<td>EJEMPLO DE COLGROUP</td>
<td>EJEMPLO DE COLGROUP</td>
<td>EJEMPLO DE COLGROUP</td>
</tr>
</table>
<textarea>
Descripción
El tag <textarea> crea un control para entrada de texto. Este control provee un campo rectangular que
acepta la entrada de texto en múltiples líneas.
Aplicación
Inicio: <textarea
Contenido: Atributos
Cierre: />
Atributos
Atributos requeridos:
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
<button >
Descripción
La etiqueta <button> define un botón de pulsación, al que se puede dar varias funciones y llevar
incluido texto, imagen, etc. Siempre debe llevar especificado un atributo al escribirlo en el código.
Aplicación
Inicio: <button
Contenido: Atributos
Cierre: >
Atributos
Indican las distintas funcionalidades que puede tener el botón que insertemos dentro del HTML.
Compatibilidad
XHTML 1.0 XHTML 1.1 HTML 4.01 HTML 5 XML
Ejemplo de uso
Código Descripción
Botón genérico que hace llamadas a funciones Javascript
<button type="button">Clic</button>
programadas.
<button type="reset" Botón que sirve para resetear los valores del campo por
value="resetear">Reset</button> defecto.
<button type="submit" Botón que envía los datos introducidos por el usuario (ej.
value="Submit">Enviar</button> en un formulario).
Referencias
«3.2.4 Comments».
«8.1.5 CDATA sections».
«Secciones CDATA [Normas XML]».
«7.1 Introduction to the structure of an HTML document».
«8.1.1 The DOCTYPE».
«MathML 1.01 (2)».
«MathML 1.01».
«3.2.1 DOCTYPE Declaration».
«obsolete-permitted-doctype».
«obsolete-permitted-doctype (2)».
«obsolete-permitted-doctype (3)».
«2.6 URLs».
«about:legacy-compat (2)».
«about:legacy-compat».
«3.2.1 DOCTYPE Declaration (about:legacy-compat)».
«8.1.1 The DOCTYPE (HTML5) (Allowed values for public and system identifiers)».
«2.6 URLs (HTML5) (The document base URL ...)».
«doctype-declaration». «[...] This quoted string, however, may also be quoted with single quotes,
rather than double quotes.[...]».
«12.1.1 Visiting a linked resource». «This behavior is commonly and implicitly obtained by
selecting the link (e.g., by clicking, through keyboard input, etc.)».
«Descriptions for attributes specific to this element». «Specifies that its a element is a named
hyperlink, with the name given by the value of this attribute.»
«6.16 Frame target names».
«6.16 Frame target names (2)».
«6.16 Frame target names (4).».
«6.16 Frame target names (3)».
«5.1.6 Browsing context names». «A valid browsing context name is any string with at least one
character that does not start with a U+005F LOW LINE character».
«a.attrs.target». «A list of tokens that specify the relationship between the document containing the
hyperlink and the destination indicated by the hyperlink.»