domingo, 10 de julio de 2016

HTML

SI CSS ES EL ASPECTO DE UNA PAGINA WEB, 
QUE ES "HTML"?


HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.
HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles "HyperText Markup Language"

¿COMO SE ESCRIBE?

Este lenguaje se escribe en un documento de texto, por eso necesitamos un editor de textos para escribir una página web. Así pues, el archivo donde está contenido el código HTML es un archivo de texto, con una peculiaridad, que tiene extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos, lo más sencillo posible y guardaremos nuestros trabajos con extensión .html, por ejemplo mipagina.html


¿PARA QUE SIRVE?

Básicamente el lenguaje HTML sirve para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces (links) hacia otras páginas o documentos.
HTML es un lenguaje de marcado descriptivo que se escribe en forma de etiquetas para definir la estructura de una página web y su contenido como texto, imágenes, entre otros, de modo que HTML es el encargado de describir (hasta cierto punto) la apariencia que tendrá la página web.

¿QUE SON LAS ETIQUETAS HTML?

Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que se utilizan para escribir código HTML, en HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.

ALGUNAS ETIQUETAS

¿QUE SON LOS ATRIBUTOS HTML?

Cualquier etiqueta XHTML puede contener uno o más atributos, separados por espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente aspecto:
<etiqueta atributo="valor_de_atributo">
<etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2" >
En el XHTML los atributos tienen que estar siempre definidos (mediante el signo igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples.
Existen una serie de atributos comunes a todas las etiquetas (salvo la etiqueta <html>) y algunas etiquetas tienen unos atributos específicos. En esta lección se comentan los atributos comunes; los atributos específicos se comentan en las lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas, etc).

ELABORACIÓN MENÚ HTML


En HTML5 tenemos una etiqueta de navegación para nuestro documento “NAV” dentro de NAV podemos incluir enlaces, listas o cualquier cosa para navegación del sitio, pero nosotros  vamos utilizar listas que son mas fáciles de utilizar.
1
2
3
4
5
6
7
8
9
<nav>
<ul>
    <li><a title="Opcion 1" href="#">Opción 1</a></li>
    <li><a title="Opcion 2" href="#">Opción 2</a></li>
    <li><a title="Opcion 3" href="#">Opción 3</a></li>
    <li><a title="Opcion 4" href="#">Opción 4</a></li>
    <li><a title="Opcion 5" href="#">Opción 5</a></li>
</ul>
</nav>
Cada elemento de la lista será un enlace, con esto podremos manejar como se nos antoje los enlaces,  con CSS3 vamos a darle el estilo magnifico que nos proporciona.
También se puede hacer un menú desplegable. Con el siguiente vídeo tendrán una mejor guía y explicación
.







FORMULARIO