Curso HTML 5



Velocidad de Carga y otros factores SEO

Velocidad de Carga y otros factores SEO

Velocidad de Carga Actualmente al dar clases sobre programación y diseño web, me encuentro en muchas ocasiones, que mis propios alumnos, que en el futuro serán programadores para sitios web, son realmente impacientes, ya que cuando ven que el ejercicio de sitio web...

leer más
Etiqueta <AUDIO>, Curso Práctico HTML5

Etiqueta <AUDIO>, Curso Práctico HTML5

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...

leer más
Etiqueta <DETAILS>, Curso Práctico HTML5

Etiqueta <DETAILS>, Curso Práctico HTML5

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...

leer más
Etiqueta <TIME>, Curso Práctico HTML5

Etiqueta <TIME>, Curso Práctico HTML5

Etiqueta <TIME> La etiqueta <time>, permite definir una hora con formato de 24 horas, o una fecha en formato gregoriano, opcionalmente con un tiempo y desplazamiento de zona horaria. Se debe de utilizar para establecer una codificación de fecha y hora, de...

leer más
Etiqueta <FOOTER> , Curso Práctico HTML5

Etiqueta <FOOTER> , Curso Práctico HTML5

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...

leer más
Etiqueta <FIGURE> , Curso Práctico HTML5

Etiqueta <FIGURE> , Curso Práctico HTML5

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...

leer más
Etiqueta <ARTICLE> , Curso Práctico HTML5

Etiqueta <ARTICLE> , Curso Práctico HTML5

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...

leer más
Etiqueta <SECTION> , Curso Práctico HTML5

Etiqueta <SECTION> , Curso Práctico HTML5

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...

leer más
Etiqueta <NAV> , Curso Práctico HTML5

Etiqueta <NAV> , Curso Práctico HTML5

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...

leer más
Etiqueta <HEADER>

Etiqueta <HEADER>

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...

leer más
Etiqueta <DL>, Curso Práctico HTML5

Etiqueta <DL>, Curso Práctico HTML5

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...

leer más
Etiqueta <OL> Curso Práctico HTML5

Etiqueta <OL> Curso Práctico HTML5

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...

leer más
Etiqueta <UL> , Curso Práctico HTML5

Etiqueta <UL> , Curso Práctico HTML5

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...

leer más
Atributos Globales HTML5, Atributo title

Atributos Globales HTML5, Atributo title

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...

leer más
Atributos Globales HTML5, Atributo tabindex

Atributos Globales HTML5, Atributo tabindex

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...

leer más
Atributos Globales HTML5, Atributo style

Atributos Globales HTML5, Atributo style

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...

leer más
Atributos Globales HTML5, Atributo spellcheck

Atributos Globales HTML5, Atributo spellcheck

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...

leer más
Atributos Globales HTML5, Atributo lang

Atributos Globales HTML5, Atributo lang

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...

leer más
Atributos Globales HTML5, Atributo id

Atributos Globales HTML5, Atributo id

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...

leer más
Atributos Globales HTML5,  atributo hidden

Atributos Globales HTML5, atributo hidden

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...

leer más
Atributos Globales HTML5 , Atributo draggable

Atributos Globales HTML5 , Atributo draggable

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...

leer más
Atributos en HTML5, Curso Práctico

Atributos en HTML5, Curso Práctico

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...

leer más
Ejercicios – 1 – HTML5 , Curso Práctico

Ejercicios – 1 – HTML5 , Curso Práctico

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,...

leer más
Etiqueta <PRE> , Curso Práctico HTML5

Etiqueta <PRE> , Curso Práctico HTML5

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...

leer más
Etiqueta <DFN> , Curso Práctico HTML5

Etiqueta <DFN> , Curso Práctico HTML5

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...

leer más
Etiqueta <ADDRESS>, Curso Práctico HTML5

Etiqueta <ADDRESS>, Curso Práctico HTML5

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...

leer más
Etiqueta <ABBR> , Curso Práctico HTML5

Etiqueta <ABBR> , Curso Práctico HTML5

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,...

leer más
Etiqueta <DEL> , Curso Práctico HTML5

Etiqueta <DEL> , Curso Práctico HTML5

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:...

leer más
Etiqueta <INS> , Curso Práctico HTML5

Etiqueta <INS> , Curso Práctico HTML5

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...

leer más
Etiqueta <BR> y <WBR> , Curso Práctico HTML5

Etiqueta <BR> y <WBR> , Curso Práctico HTML5

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...

leer más
Etiqueta <SUP> , Curso Práctico HTML5

Etiqueta <SUP> , Curso Práctico HTML5

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...

leer más
Etiqueta <SUB> , Curso Práctico HTML5

Etiqueta <SUB> , Curso Práctico HTML5

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...

leer más
Etiqueta <SMALL> , Curso Práctico HTML5

Etiqueta <SMALL> , Curso Práctico HTML5

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:...

leer más
Etiqueta <U> , Curso Práctico HTML5

Etiqueta <U> , Curso Práctico HTML5

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...

leer más
Etiqueta <S> , Curso Práctico HTML5

Etiqueta <S> , Curso Práctico HTML5

Etiqueta <S> La etiqueta <s>, tiene como finalidad la de expresar que un texto en el documento no es correcto, exacto o no es pertinente. No se ha de utilizar para especificar un texto que ha sido reemplazado o borrado. El efecto de visualización que se...

leer más
Etiqueta <I> , Curso Práctico HTML5

Etiqueta <I> , Curso Práctico HTML5

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...

leer más
Etiqueta <KBD> , Curso Práctico HTML5

Etiqueta <KBD> , Curso Práctico HTML5

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...

leer más
La Etiqueta !DOCTYPE

La Etiqueta !DOCTYPE

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...

leer más