Curso HTML 5

Etiqueta <AUDIO> La etiqueta <audio>, es una de las nuevas etiquetas del lenguaje HTML5, que permite reproducir un archivo de audio. Actualmente se pueden reproducir tres tipos de formato de audio, mp3, wav y ogg. Aunque también depende del navegador que...

Etiqueta <DETAILS> La etiqueta <details>, permite definir contenido que el usuario puede visualizar u ocultar según le interese. La etiqueta permite cualquier tipo de contenido, y para visualizar el mismo se ha de realizar un clic sobre el símbolo...

Etiqueta <FOOTER> La etiqueta <footer>, permite definir un pie de página de un documento o sección. Se recomienda que el contenido de la etiqueta ha de guardar relación con el elemento que la contiene. Si se utiliza a pie de página, suele contener...

Etiqueta <FIGURE> La etiqueta <figure>, perteneciente a las nuevas etiquetas semánticas. Permite especificar contenido autónomo como pueden ser ilustraciones, diagramas, fotos, listas de código, etc. Aunque el contenido de la etiqueta debe guardar relación...

Etiqueta <ASIDE> La etiqueta <aside>, permite definir contenido al margen del contenido principal, que mantenga relación con el mismo. La sintaxis de la etiqueta es la siguiente. <aside> Contenido relacionado con el principal … </aside> El...

Etiqueta <ARTICLE> La etiqueta <article>, permite especificar contenido independiente o autónomo. De forma que debería que ser posible distribuir el mismo independientemente del resto del documento web. Perteneciente también la etiqueta a las denominadas...

Etiqueta <SECTION> La etiqueta <section>, pertenece también a las etiquetas semánticas, nuevas en HTML5, y permite definir secciones en el documento como pueden ser capítulos encabezados, pies, o cualquier otro tipo de sección en el documento. La sintaxis...

Etiqueta <NAV> La etiqueta <nav>, perteneciente también a las nuevas etiquetas semánticas. Permite especificar un conjunto de vínculos o enlaces de navegación. No significa que todos los enlaces de navegación por los documentos del sitio, hayan de estar...

Etiqueta <HEADER> La etiqueta <header>, es la primera de las nuevas etiquetas de HTML5, incluidas dentro de la denominación de “web semántica”, que consiste en la utilización de estas etiquetas para la estructura del documento, dotando al documento de...

Etiqueta <DIV> y <SPAN> El lenguaje HTML5, define mediante etiquetas elementos dentro de un documento web. Estos elementos pueden ser de dos tipos denominados, elementos de bloque y elementos en línea. Su nombre es debido a la forma en que ocupan espacio...

Etiqueta <DL> La etiqueta <dl>, permite definir lo que se denominan, listas de definición, las cuales a su vez están compuestas por un término, y una definición. Para realizar la lista se utilizan dos etiquetas más, la primera es <dt></dt>, que...

Etiqueta <OL> La etiqueta <ol>, permite definir listas o viñetas ordenadas (“Ordered List”), bien con numeración o alfabéticamente. Esta etiqueta es a su vez contenedora de otras etiquetas, siendo estas últimas las que componen cada uno de los elementos de...

Etiqueta <UL> La etiqueta <ul>, permite definir una lista desordenada (“Unordered List”). Esta etiqueta es a su vez contenedora de otras etiquetas, siendo estas últimas las que componen cada uno de los elementos de los que está compuesta la lista. Para...

Atributos globales en HTML5, explicación del atributo title. title El atributo title, permite especificar información adicional sobre el elemento que se aplica. Muchos navegadores suelen mostrar una notificación con el valor que se haya dado al atributo, situando el...

Atributos globales en HTML5, explicación del atributo tabindex. tabindex El atributo tabindex, se utiliza para establecer el orden de tabulación en el documento web, cuando se utiliza la tecla de tabulador para recorrer el mismo. El orden de tabulación establece de...

Atributos Globales en HTML5, explicación del atributo STYLE. style El atributo style, permite especificar un estilo CSS, asociado al elemento sobre el cual se aplica, para cambiar su formato de presentación. El estilo que se aplica es global, es decir tiene...

Atributos Globales en HTML5, explicación del atributo spellcheck. spellcheck El atributo spellcheck, permite que se realice por parte del navegador la corrección ortográfica del contenido, que tenga el elemento sobre el cual se aplica. Normalmente se suele aplicar...

Atributos Globales en HTML5, explicación del atributo global lang. lang El atributo lang, permite especificar el lenguaje en el que está redactado el contenido de texto del elemento HTML sobre el cual se aplica el atributo.     La sintaxis del atributo es la...

Atributos Globales en HTML5, explicación del atributo id id El atributo id, permite especificar un identificador único para cada uno de los elementos de un documento web. El identificador ha de tener como mínimo un carácter, no puede contener espacios en blanco y no...

Atributos globales en HTML5, explicación del atributo hidden hidden El atributo hidden, permite especificar que un elemento o bien ya no existe, o no es relevante. Es un atributo booleano, es decir no dispone de valores los cuales aplicar al atributo. Si aparece en un...

draggable El atributo draggable, permite especificar si el elemento sobre el cual se aplica el atributo es un elemento, sobre el cual se puede aplicar la acción de arrastrar y soltar (“drag and drop”). Como es lógico para producir efectos sobre la visualización del...

Atributos globales en HTML5, explicación del atributo global data-*. data-* El atributo data-*, se utiliza para almacenar datos privados que pueda utilizar el documento u aplicación web. Este tipo de atributo permite la posibilidad de insertar datos personalizados en...

Atributos globales en html5, explicación del atributo contenteditable. contenteditable Es un nuevo atributo en esta versión de HTML5, el cual permite editar en línea el elemento sobre el cual se aplica. Obviamente se suele aplicar sobre elementos que visualizan...

Seguimos con la explicación de los atributos globales del lenguaje de etiquetas HTML5. class El atributo permite especificar un nombre o varios de clase , para el elemento web sobre el cual se aplica el atributo. Una clase es una estructura de formato que se aplica a...

Atributos Globales Los atributos globales se pueden aplicar a todas las etiquetas del lenguaje HTML5, permitiendo dar sentido y significado a las mismas dentro del contexto en el que se apliquen. Entre los atributos que se pueden utilizar encontramos los siguientes...

Atributos en HTML5 Las etiquetas del lenguaje HTML5, permiten definir un documento web, pero también muchas de ellas tienen una serie de atributos u “opciones”, dependiendo del tipo de etiqueta que se inserte. Los atributos permiten especificar en la mayoría de...

Realizar el documento web, mostrado en la imagen siguiente, intentando que se asemeje lo más posible al resultado mostrado. Escribe el código utilizado. (Los textos puedes extraerlos de la Wikipedia.) Realizar el documento web, mostrado en la imagen siguiente,...

Etiqueta <BLOCKQUOTE> La etiqueta <blockquote>, permite realizar la inserción de un texto, el cual visualmente en el navegador se realiza sangría a la izquierda sobre el mismo, mientras que semánticamente se puede utilizar para realizar una distinción...

Etiqueta <Q> La etiqueta <q>, se utiliza para insertar un texto acotado entre comillas dobles. La sintaxis de la etiqueta es la siguiente: <p>El siguiente <q>Texto</q> esta resaltado entre comillas.</p> El ejercicio siguiente...

Etiqueta <PRE> La etiqueta <pre>, permite definir lo que se denomina texto con formato o preformateado. Como se ha comentado anteriormente el navegador no respeta los saltos de línea y espacios en blanco sobrantes en un documento web. Al insertar en el...

Etiqueta <DFN> La etiqueta <dfn>, se utiliza para realizar la definición de un término. El efecto visual en el navegador es el de fuente cursiva, pero su significado semántico no es el mismo. La sintaxis de la etiqueta es la siguiente: <dfn>Texto...

Etiqueta <ADDRESS> La etiqueta <address>, permite definir la información de contacto del autor o propietario del documento o artículo. Si la etiqueta se encuentra dentro del cuerpo “body” del documento, representa la información de contacto del documento...

Etiqueta <ABBR> La etiqueta <abbr>, permite definir texto indicando que es una abreviatura o acrónimo, como pueden ser “WWW” o “NASA”. El marcado de texto con esta etiqueta permite proporcionar información a los navegadores, correctores ortográficos,...

Etiqueta <DEL> La etiqueta <del>, permite definir texto que se ha marcado como borrado en una fecha determinada, la visualización del efecto en el navegador, es la de texto tachado. La sintaxis de la etiqueta con sus atributos posibles es la siguiente:...

Etiqueta <INS> La etiqueta <ins>, permite definir que un texto ha sido actualizado o insertado en el documento web. La representación visual en el navegador suele ser la de texto subrayado. La sintaxis de la etiqueta con sus atributos posibles es la...

Rupturas de línea y división de palabras Aunque en su editor HTML, deje líneas en blanco o introduzca saltos de línea forzados en un párrafo, se ha comentado anteriormente que el navegador realiza la omisión de los mismos, ya que la forma de indicar un salto es...

Etiqueta <SUP> La etiqueta <sup>, realiza la definición de un texto en formato superíndice, el texto en este formato es visualizado por el navegador por encima de la línea base de texto.Se suele utilizar en muchas ocasiones para definir notas a pie de...

Etiqueta <SUB> La etiqueta <sub>, permite definir un texto en subíndice, el texto subíndice aparece por debajo de la línea base de representación del texto, un ejemplo de utilización podría ser en formulas químicas como H20, para que aparezca el número más...

Etiqueta <SMALL> La etiqueta <small>, permite definir “texto pequeño”, es decir el texto que se encierre en la etiqueta será representado por el navegador con un tamaño de fuente más pequeño que el normal. La sintaxis de la etiqueta es la siguiente:...

Etiqueta <U> La etiqueta <u>, se utiliza en esta última versión de HTML5, para definir texto estilísticamente diferente del texto normal o nombres propios en otros idiomas. El consorcio W3C recomienda no utilizar esta etiqueta siempre y cuando se pueda...

Etiqueta <I> La etiqueta <i>, tiene como finalidad la de expresar semánticamente una parte del texto en una voz alternativa o un estado de ánimo diferente. Anteriormente era usada para visualizar un texto en itálica, siendo su efecto visible en el...

Etiqueta <CITE> La etiqueta <cite>, se utiliza para resaltar el texto correspondiente al título de un trabajo, como obra, autor, película, actor, etc. La sintaxis de la etiqueta es la siguiente: <p>Texto <cite>resaltado como cita</cite>...

Curso práctico de programación HTML5, ejercicios resueltos Etiqueta <KBD> La etiqueta <kbd>, permite especificar un formato de texto para distinguir lo que el usuario tendría que teclear en la solicitud de un programa. La sintaxis de la etiqueta es la...

Como se ha comentado anteriormente en el apartado anterior, la etiqueta <!DOCTYPE>, es la encargada de indicar al navegador cual es el tipo de documento web que se va a realizar la carga en el mismo. Esta etiqueta permite que el navegador se ajuste lo más...