HTML5
Universidad UNIMINUTO
Profesor : WILLINGTON BEJARANO SANCHEZ
href.
[Link]
Ejemplo del atributo a href.
El atributo <a href> se refiere a un destino
provisto por un enlace. La etiqueta a
(anchor) está muerta sin el atributo <href>.
A veces, en su flujo de trabajo, no desea un
enlace en vivo o aún no sabrá el destino del
enlace. En este caso, es útil establecer el
atributo href a "#" para crear un enlace
muerto. El atributo href puede ser utilizar
para vincular los archivos locales o archivos
en Internet.
href.
[Link]
Sintaxis:
<body bgcolor="color"> El valor del color
puede ser el nombre de un color (como,
morado) o un valor hex (like, #af0000).
Para añadir un color de fondo a una página
web puedes usar el atributo <body
bgcolor="######">. Especifica un color para
que se muestre en el documento HTML
<div align="">
[Link]
Sintaxis:
El atributo div align ejemplo
El atributo <div align=""> es usado para
alinear el texto en una etiqueta div a left,
right, center o justify.
<div align="">
[Link]
Sintaxis:
El atributo div align ejemplo
El atributo <div align=""> es usado para
alinear el texto en una etiqueta div a left,
right, center o justify.
El atributo Div Align puede ser usado
para alinear horizontalmente el
contenido dentro de un div. En el
siguiente ejemplo, el texto se centrará
dentro del div.
Font color
[Link]
Ejemplo del atributo font color
Este atributo se utiliza para establecer un
color para el texto encerrado en una etiqueta
<font>.
<font size="number">
[Link]
Ejemplo del atributo font size
Este atributo especifica el tamaño de la
fuente, ya sea como un valor numérico o
relativo. Los valores numéricos van del 1 al
7, siendo 1 el más pequeño y 3 el
predeterminado. También se puede
definir utilizando un valor relativo, como
+2 o -3, que lo establece en relación con el
valor del atributo de tamaño del elemento
<basefont>, o en relación con 3, el valor
predeterminado, si no existe ninguno.
[Link]
• Ejemplo del atributo img align
• El atributo align de una imagen específica dónde
debe alinearse la imagen de acuerdo con el
elemento circundante.
• Valores de Atributo:
• right- Alinea la imagen con la derecha
• left - Alinea la imagen a la izquierda
• top - Alinea la imagen en la parte superior
• bottom - Alinea la imagen en el fondo
• middle - Alinea la imagen en el medio.
• Por ejemplo:
[Link]
• El atributo img width
• El atributo HTML 'width' se refiere al
ancho de una imagen. El valor en las
comillas es la cantidad de píxeles.
• Por ejemplo, si ya tiene un enlace a una
imagen configurada a través del atributo
src, puedes agregar el atributo width de
la siguiente manera:
[Link]
• Ejemplo del atributo img src
• El atributo <img src> se refiere a la
fuente de una imagen que desea
mostrar. La etiqueta img no mostrará una
imagen sin el atributo src. Sin embargo,
si se establece la fuente en la ubicación
de la imagen, puede mostrar cualquier
imagen.
[Link]
• ejemplo de formulario HTML
• Básicamente, los formularios se utilizan para
recolectar datos ingresados por un usuario, que
luego se envían al servidor para su posterior
procesamiento. Se pueden usar para diferentes
tipos de entradas de usuario, como nombre,
correo electrónico, etc.
• El formulario contiene elementos de control
que se envuelven alrededor de etiquetas
<form></form>, como input, que puede tener
tipos como:
[Link]
• Si bien esto todavía se usa en HTML5, HTML5 nos
proporcionó con <section> y <article> y de cierta
forma remplazar <div>.
• Los elementos <section> y <article> son
conceptualmente similares e intercambiables. Para
decidir cuál de estos se deben elegir, tome nota de lo
siguiente:
• Se pretende que un artículo sea distribuible o
reutilizable de forma independiente.
• Una sección es una agrupación temática de
contenido.
[Link]
• El elemento <hgroup> debe usarse
donde desee un encabezado principal
con uno o más subtítulos.
[Link]
• Antes de HTML5, nuestros menús eran
creados con <ul> y <li>. Ahora, junto con
estos, podemos separar los elementos de
nuestro menú con un <nav>, para navegar
entre sus páginas. Puede tener cualquier
cantidad de elementos <nav> en una
página, por ejemplo, es común tener una
navegador global en la parte superior (en
el <header>) y un navegación local como
barra lateral(en un elemento <aside>).
[Link]
• Antes de HTML5, para reproducir un video en
una página web, se necesitaba usar un
complemento, como Adobe Flash Player. Con
la introducción de HTML5, ahora puede
colocarlo directamente en la página misma.
El HTML.
• Para colocar el archivo de video en la página
web, simplemente agregue este fragmento de
código y cambie el src de archivo de audio.
[Link]
• Antes de HTML5, para reproducir un video en
una página web, se necesitaba usar un
complemento, como Adobe Flash Player. Con
la introducción de HTML5, ahora puede
colocarlo directamente en la página misma.
El HTML.
• Para colocar el archivo de video en la página
web, simplemente agregue este fragmento de
código y cambie el src de archivo de audio.
[Link]
• Autocompletador con datalists de
HTML5
[Link]
• Autocompletador con datalists de
HTML5
[Link]
• Formulario de login con Bootstrap
• Plantilla que contiene un simple
formulario en Bootstrap, la cual puede
mejorarse y modificarse en base a tus
necesidades. Utiliza esta plantilla como
base a la hora de crear tus formularios,
sean del tipo que sean. Como por
ejemplo, formularios de login, formularios
de contacto, formularios de suscripción..
Taller realizar una Hoja de Vida