La versión HTML5 (Hyper Text Markup Language)
(Lenguaje de marcado de hipertexto ,versión 5)
Lenguaje utilizado para la creación de páginas web .
Desde sus versiones más básicas ,ha ido cambiando y mejorando la manera de representar las web . Con la popularización de los teléfonos inteligentes o smartphones y tablets , esta , a tenido en mejorar para la mejor visualización e interactividad.
Se podría decir que es un lenguaje basado en etiquetas (tags) que tiene como virtud entre otras, la de poder ser complementado por código de otros lenguajes como JavaScript o que amplían y mejoran su capacidad original.
El código HTML utiliza el código ASCII puro que puede teclearse en cualquier editor básico para posteriormente ser interpretado secuencialmente por un objeto cliente denominado navegador (browser) que visualiza el resultado en pantalla.
La sintaxis de las etiquetas de HTML está estructurada según el siguiente protocolo o sintaxis:
Estas etiquetas se estructuran conformando un esqueleto funcional , que a pesar del número de versiones , no ha variado en el orden .
Estructura básica de un documento HTML
los documentos Html tienen la estructura que se muesta a continuación:
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
<META name="description" content="Información sobre enseñanzas que se pueden cursar">
<META name="keywords" content="educación,enseñanza,instituto, profesores, alumnos">
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
Estructura básica de un documento HTML5
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="description" content="Ejemplo de HTML5">
<meta name="keywords" content="HTML5, CSS3, JavaScript">
<link rel="stylesheet" href="css/styles.css">
<script language="JavaScript">
<!--
Aquí iría el código
// -->
</SCRIPT>
<title>Este texto es el título del documento</title>
</head>
<body>hola mundo !!
</body>
</html>
<!DOCTYPE html>
Identifica la versión que tiene la web que se esta creando , en este caso identifica el html 5 .<html lang="es">
Esta etiqueta identifica a toda estructura web , como podrá apreciar , las etiquetas o tags(su nombre en inglés) , mantienes un orden de comienzo y final ; ya finalizando la estructura se presenta el "cierre" con este tags </html><head>
Es la cabecera donde podemos encontrar etiquetas de inicialización , como los <meta > , que nos brinda información importante de el tema que toca la web creada , la identificación de palabras clave , etc.
<meta>
<meta name=”nombre de la etiqueta” content=”contenido de la etiqueta”>
<meta name=”description” content=”Esta es la meta descripción de la página” />
Description –Esta es la meta descripción de la página.
Author – Indica el nombre de la persona o entidad que ha creado el contenido de la página.
Subject – Algo parecido a la meta descripción, pero más breve.
Generator – Indica el editor HTML o el gestor de contenidos con el que se ha creado la página, como WordPress, Joomla, PrestaShop, etc.
Language – El idioma en el que está escrito el contenido.
Revisit-after – Le dice al buscador en cuántos días debe volver a revisar el contenido.
Keywords –Palabras clave.
<link>
Una hoja de estilo externa puede ser enlazada a un documento HTML mediante el elemento LINK de HTML , ejm:<link href="estilo.css" media="screen" rel="StyleSheet" type="text/css">
<title>
El título del documento
<body>
Aquí se encuentra la mayor parte del codigo que se visualiza y forma parte de la web.
No hay comentarios.:
Write comentarios