Pagina de Diany Margarita Sarmiento Lopez
<!DOCTYPE html><html>=es la declaración de tipo de documento. En otras palabras, el doctype nos sirve para indicar que nuestro documento está escrito siguiendo la estructura determinada por un DTD concreto
<head>= puede incluir un título para el documento, scripts, estilos, meta-información, y más.
<title>Date</title>=define un título en la barra de herramientas del navegador
<meta charset="UTF-8">=El atributo charset especifica la codificación de caracteres para el documento HTML.
</head>=cerramos el head
<body>=define el cuerpo del documento.
<h1 id="h1"></h1>=el id muestra la etiqueta
<h2 id="h2">La fecha y la hora son:</h2>=muestra una etiqueta con un tamaño diferente
<div id="fecha"></div>=muestra la fecha y la hora actual.
<script type="text/javascript">=hace refrencia a que estamos usando el lenguaje de java script.
var fecha = new Date();=declara la variable fecha y asi le indicamos que nos muestre la fecha y la hora.
var msj;=declara otra variable donde ponemos un mensaje
if (fecha.getHours() < 7) { msj = "Buenas noches";}=realizamos una funcion, y nos tiene que indicar si es verdadera.
else if (fecha.getHours() < 12) { msj = "Buenos días";}=si la condicion anterior no se cumple, se tiene que rotular esta.
else if (fecha.getHours() < 21) { msj = "Buenas tardes";}=si las condiciones anteriores no se cumplen, nos tiene que rotular esta.
else { msj = "Buenas noches";}=si la condicion es falsa, nos dara como respuesta, esta condicion.
document.getElementById("h1").innerHTML = msj;=nos va adevolver lo que esta en el id de la etiqueta H1.
document.getElementById("fecha").innerHTML = fecha;=nos va devolver lo que esta en id de la etiqueta H2.
</script>=cerramos el script.
</body>=se cierra el cuerpo del body.
</html>=y por ultimo cerramos el html.