Estructura del código html

Todo lo que se ve en una página web se mantiene en su lugar por un lenguaje de diseño de páginas llamada HTML (MARIDOyperText METROarkup Language). Desde el momento en que el HTML se introdujo por primera vez, ha evolucionado de una manera simple de mostrar y documentos de enlace de múltiples tipos de computadoras a sus capacidades actuales, que incluyen soporte para diseños de página CSS complejos, ricos en medios interactivos, y lenguajes de programación como javascript y PHP. HTML proporciona esencialmente la estructura de una página web.

Video: HTML estructura base -1- crear una pagina web con el bloc de notas HTML

Un navegador, como Mozilla Firefox o Internet Explorer, interpreta el código HTML y señala a la cara de aspecto agradable de la página.

El primer navegador gráfico en la escena, introducida en 1993, fue llamado Mosaic. Este pequeño programa fue un éxito durante la noche y, sólo un año más tarde, se convirtió en Netscape bajo el nombre código de “Mozilla”.

Dentro de la ventana del navegador, el HTML es algo así como el “hombre detrás de la cortina” en El mago de Oz, tirando de un impresionante despliegue de gráficos, animación y multimedia, todo sin ser visto. El código HTML y CSS detrás de cualquier sitio web que visita es accesible seleccionando Ver → Fuente de menú de su navegador. Que se tire hacia arriba algo que se parece a la siguiente figura.

Video: Videotutorial estructura básica del código HTML

La primera vez que echar un vistazo a el código HTML de una página, usted puede pensar que usted está buscando en las especificaciones para un lanzador de cohetes, pero no es realmente tan compleja. HTML utiliza un sistema de etiquetas, bits de código que definen cada tipo de elemento (de bloques de texto de enlaces e imágenes) de una página web. Todas estas etiquetas están marcados por un conjunto de abertura (lt; gt;) Y cierre (gt;) caracteres. Por ejemplo, el etiqueta HTML es el etiqueta de anclaje utilizada para enlazar con otras páginas o partes de la página actual. Por lo tanto, para que el texto Haga clic aquí para ver nuestros artículos de venta en un enlace que va a la página sales.html, utiliza etiquetas de anclaje de apertura y cierre de la siguiente manera:

Haga clic aquí para ver nuestros artículos de venta

Observe cómo la etiqueta de apertura de anclaje no es sólo un simple entre corchetes “a” como . Tiene una atributo dentro de los corchetes (href) que da el navegador más información. Porque el enlace o bien puede ir a otra página o a una parte de la página actual, tiene que especificar la ubicación que tiene en mente. En este caso, desea que el enlace para ir a otra página, por lo que utilizar el atributo href y darle un valor de = “Sales.html”.

Video: (Curso html) 1.Estructura

No está limitado a un solo atributo para ayudar a definir una etiqueta HTML. Se puede añadir un montón de atributos y valores en la etiqueta de apertura.

Aprender HTML es principalmente sobre el aprendizaje de todas las diversas etiquetas y hacia dónde van en la estructura del código. Si usted puede recordar esta cantidad, se puede llegar muy lejos en su carrera copiar y pegar. Literalmente, puede crear páginas web copiando y pegando las etiquetas de otras páginas y luego modificarlas ligeramente para sus propios fines.