En esta página están recopilados los elementos más importantes de una página web, recogidos de estas traducciones: Especificación HTML 4.01 y Hojas de Estilo en Cascada, nivel 2, basadas en las especificaciones de w3.org.
Las Etiquetas (tags) son la base de las páginas html, de hecho el lenguaje está basado en ellas. Debe tenerse muy en cuenta su significado semántico, aunque optando por distintas de ellas se puede obtener idénticos resultados visuales. Un ejemplo que suelo poner en este caso es el siguiente: una etiqueta div con el estilo display=inline se ve como un span; y una etiqueta span con el estilo display=block se ve como un div.
En el pequeño recuadro sobre etiquetas de este bloque informativo se puede ver el listado completo de etiquetas válidas para la versión 4.01 del lenguaje pulsando sobre el enlace correspondiente. También se puede ver información más detallada seleccionando la etiqueta de la lista y pulsando el botón ver...
Listado de etiquetas: a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var.
Los atributos (para las etiquetas) tienen una importancia fundamental en las que el sentido semántico tiene un rol importante. Podemos destacar el atributo href en los enlace (etiqueta a) y areas de imágenes, el action en los formularios... en éstos últimos también son de destacar el método y el enctype (permitiendo adjuntar archivos); en las tablas (en sus celdas) los atributos colspan y rowspan que permiten mostrar las celdas unidas; en todos los elementos el atributo id permiten su fácil manejo por medio de los scripts... y muchas cosas más que se pueden ver detalladas en cada atributo, seleccionándolo de la lista, y pulsando el botón ver...
Al igual que en el caso de las etiquetas, puede verse el listado completo desde el enlace del recuadro adyacente.
Listado de atributos: abbr, accept, accept-charset, accesskey, action, align, align, align, align, align, align, align, alink, alt, alt, alt, archive, archive, axis, background, bgcolor, bgcolor, bgcolor, bgcolor, border, border, cellpadding, cellspacing, char, charoff, charset, checked, cite, cite, class, classid, clear, code, codebase, codebase, codetype, color, cols, cols, colspan, compact, content, coords, coords, data, datetime, declare, defer, dir, dir, disabled, enctype, face, for, frame, frameborder, headers, height, height, height, height, href, href, hreflang, hspace, http-equiv, id, ismap, label, label, lang, language, link, longdesc, longdesc, marginheight, marginwidth, maxlength, media, media, method, multiple, name, name, name, name, name, name, name, name, name, name, name, nohref, noresize, noshade, nowrap, object, profile, prompt, readonly, readonly, rel, rev, rows, rows, rowspan, rules, scheme, scope, scrolling, selected, shape, shape, size, size, size, size, size, span, span, src, src, src, src, standby, start, style, summary, tabindex, target, text, title, type, type, type, type, type, type, type, type, type, type, usemap, valign, value, value, value, value, valuetype, version, vlink, vspace, width, width, width, width, width, width, width, width, width.
Los estilos son otros elementos fundamentales en las páginas web. Son los principales elementos de accesibilidad de las páginas, y permiten presentar los elementos adecuadamente, permitiendo mostrar u ocultar, posicionar, mostrar barras de desplazamiento, bordes con distintos colores, grosores y estilos, distintos tipos de letras, tamaños de letras y contenidos,etc., en resúmen, todo lo referente a la visualización. Y también nos permiten presentar información no visual, con lo que el contenido web llega a las personas invidentes.
Vea el listado completo de estilos.
Listado de estilos: azimuth, background, background-attachment, background-color, background-image, background-position, background-repeat, border, border-collapse, border-color, border-spacing, border-style, border-top border-right border-bottom border-left, border-top-color border-right-color border-bottom-color border-left-color, border-top-style border-right-style border-bottom-style border-left-style, border-top-width border-right-width border-bottom-width border-left-width, border-width, bottom, caption-side, clear, clip, color, content, counter-increment, counter-reset, cue, cue-after, cue-before, cursor, direction, display, elevation, empty-cells, float, font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, height, left, letter-spacing, line-height, list-style, list-style-image, list-style-position, list-style-type, margin, margin-top margin-right margin-bottom margin-left, marker-offset, marks, max-height, max-width, min-height, min-width, orphans, outline, outline-color, outline-style, outline-width, overflow, padding, padding-top padding-right padding-bottom padding-left, page, page-break-after, page-break-before, page-break-inside, pause, pause-after, pause-before, pitch, pitch-range, play-during, position, quotes, richness, right, size, speak, speak-header, speak-numeral, speak-punctuation, speech-rate, stress, table-layout, text-align, text-decoration, text-indent, text-shadow, text-transform, top, unicode-bidi, vertical-align, visibility, voice-family, volume, white-space, widows, width, word-spacing, z-index.
Los eventos (para las etiquetas), se asocian a comportamientos de la página (y el usuario). Las pulsaciones de teclas, movimientos y clicks del ratón, carga de imágenes o de la propia página, selección de elementos,envío de formularios...
Los parámetros que recibe son pequeños (o no tanto) programas que pueden modificar el efecto visual de la página, iniciar sonidos, enviar formularios... y cualquier cosa posible en una página.
Vea el listado completo de eventos.
Listado de eventos: onblur, onchange, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onload, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreset, onselect, onsubmit, onunload, onunload.