Mostrando entradas con la etiqueta lenguaje html. Mostrar todas las entradas
Mostrando entradas con la etiqueta lenguaje html. Mostrar todas las entradas

Enlaces o hipervinculos en html
0
1/20/2010 | Posted in , ,

Un enlace (hipervinculo) es un texto, boton o imagen que al momento de seleccionarlo nos trasladan a otra pagina web, esta puede estar dentro del sitio actual o en otro, ademas también nos puede mandar a otra posición en la misma pagina del enlace, a este ultimo se le llama Skip-Link.
Etiquetas < a>< /a>.-
Viene de la palabra ancla y entre estas etiquetas se delimita el texto u imagen que servirá como enlace o hipervinculo, si es un texto por defecto aparecerá en color azul y subrayado (esta configuración la podremos cambiar mas adelante con un poco de CSS), ademas los hipervinculos siempre siguen la misma estructura.
Sintaxis basica.-

< a href="direccion o url">Texto a mostrar del enlace< /a>




Atributos.-
  • HREF - (hypertext reference )En este atributo colocamos la url, la cual es la ruta de acceso a la pagina web a la que se quiere llegar al hacer clic en el enlace.
  • NAME - Nombre asignado al enlace(lo veremos mas adelante viendo el tema de anclas)
  • TARGET - Se utiliza para abrir la url contenida en el enlace en una ventana o pestaña, este atributo actualmente ya no se utiliza, ya que se deja a preferencia del usuario abrir el enlace en una nueva o en la misma ventana.
  • TITLE - Este atributo es opcional, y nos sirve para dar una descripción sobre el enlace, y esta aparecerá cuando se coloque el ratón por encima del enlace.
ejemplo.-

<a href="http://www.blogger.com/menu.html" target="_black" title="Enlace al menu principal">
MENU
</a>


Category: , ,
��

Etiqueta nav en HTML 5
0




La etiqueta nav en html 5 es utilizada para contener elementos de navegación como puede ser el menú de navegación principal de un sitio web, esta etiqueta es el sustituto de la etiqueta ul combinada con un poco de css para generar el menú de nuestra web.
Sintaxis.-
||
|| < html>
|| < head>< title>< /title>< /head>
|| < body>
|| < header>
|| < h1>TITULO< /h1>
|| < /header>
|| < nav>
|| ELEMENTOS DEL MENU
|| < /nav>
|| < /body>
|| < /html>
||

Como verán la sintaxis es muy sencilla y facil de enten der, la función de esta etiqueta es solo delimitar los elementos del menú de navegación, los cuales pueden estar conformados por una lista desordenada como lo hacemos con html4 o Xhtml, ejemplo.-
||
|| < nav>
|| < ul>
|| < li>Elemento 1< /li>
|| < li>Elemento 2< /li>
|| < li>Elemento 3< /li>
|| < /ul>
|| < /nav>
||
Category: , , , ,
��

Etiqueta header en HTML 5
0



La etiqueta header es la nueva etiqueta de titulo en html, dentro de esta etiqueta se muestra una serie de elementos introductorios de la pagina como el titulo de la misma o una imagen referente a la pagina como puede ser su logo.
Ademas de describir el contenido de una pagina, la etiqueta header también deberá utilizarse para describir secciones individuales dentro de la misma pagina, por ejemplo la pagina puede estar dividida en secciones, el titulo de la pagina referente al contenido y la sección de comentarios, quedaría así el código, ejemplo.-
||
|| < !DOCTYPE html>
|| < html>
|| < head>< title>TITULO DE LA PAGINA< /title>< /head>
|| < body>
|| < header>
|| < h1>TITULO PRINCIPAL< /h1>
|| < /header>
|| < section>
|| < header>
|| < h2>Subtitulo< /h2>
|| < header>
|| < p>contenido . . .< /p>
|| < section>
|| < section>
|| < header>
|| < h3>Comentarios< /h3>
|| < /header>
|| < p>Contenido de comentarios< /p>
|| < /section>
|| < /body>
|| < /html>
||

Como ven en el ejemplo es demasiado fácil estructurar nuestro documento con html 5, dando como resultado una web con mejor aspecto y mejor optimizada para los buscadores.


Category: , , , ,
��

Doctype en HTML 5
0
11/28/2009 | Posted in , , , , ,



Empezamos con decir que el doctype es el encargado de indicarle al navegador web que el documento que esta abriendo es un documento html, ademas de indicar que es un documento html también le indica la versión del html del mismo con el fin de renderizar la pagina de manera correcta para mostrarla de la mejor manera posible.
Este es un ejemplo del doctype de la versión anterior.-
||
|| < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
||

Ahora con la llegada de html 5, el doctype es bastante sencillo y compatible con las versiones anteriores de html y Xhtml, esta es su sintaxis.-
||
|| < !DOCTYPE html>
||

Demasiado fácil verdad?, es uno de los beneficios de la llegada de html 5, ahora solo falta esperar a que todos los navegadores web soporten los estándares de html 5.


Category: , , , , ,
��

Listas de definiciones en html
0
11/26/2009 | Posted in , , ,


En artículos anteriores vimos como trabajar con listas ordenadas y no ordenadas, ademas de aprender a hacer listas anidadas, en esta ocasión veremos las listas de definiciones, por lo general el ámbito de este tipo de listas son hacer glosarios (listas de entradas con definiciones).

A diferencia de las listas ordenadas y no ordenas, las listas de definiciones no son precedidas por ningún símbolo.
Sintaxis básica.-
||
|| < dl>
|| < dt> Aquí introducimos el termino< /dt>
|| < dd> Aquí introducimos la definición < /dd>
|| < /dl>
||

Etiqueta DL.-
(< dl>< /dl>) Identifica el inicio y el final de la lista de definicion.
Etiqueta DT.-
(< dt>< /dt>) Del ingles list term, termino a definir.
Etiqueta DD.-
(< dd>< /dd>) Del ingles definition definition, Definicion o explicacion del termino anterior.
Ejemplo.-
Aquí introducimos el termino
 Aquí introducimos la definición
Category: , , ,
��

Sintaxis html - Tutorial html
0
7/05/2009 | Posted in , , ,
HTML basa su sintaxis en un sistema de etiquetas incluidas en un archivo de texto, el cual define la estructura de un documento web, las etiquetas pueden contener parametros los cuales se indican a continuacion de la palabra clave de la etiqueta separados por un espacio (

Ver noticia completa

Category: , , ,
��