■ Estructura básica HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi sitio web</title>
<!-- Enlaces a CSS y JS -->
</head>
<body>
<!-- Cuerpo del Sitio Web -->
</body>
</html>
La mayoría de los elementos de HTML, no todos, se manejan bajo la estructura etiqueta de apertura y etiqueta de cierre:
<etiqueta [propiedades]>
cuerpo del elemento
</etiqueta>
■ Estructura básica CSS
elemento_HTML {
// reglas
}
id {
// reglas
}
class {
// reglas
}
elemento_HTML elemento_hijo {
// reglas
}
Para seleccionar dos ó más elementos deben separarse por comas:
elemento_1, elemento_2 {
// reglas
}
■ Esctructura JS
A diferencia de otros lenguajes, JS no tiene una estructura tan estricta como tal, simplemente se escriben las instrucciones, ejemplo:
console.log("Bienvenido")
■ Integrando CSS y JS
Como se había mencionado antes, los archivos JS y CSS se integran al HTML en el apartado de <head>.
Si por ejemplo se tuvieran los siguientes archivos en la ruta especificada:
Ruta: proyecto / css
estilos.css
Ruta: proyecto / scripts
funciones.js
Estos se integrarían al HTML de la siguiente forma:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi sitio web</title>
<!-- Enlaces CSS -->
<link type="text/css" rel="stylesheet" href="proyecto/css/estilos.css">
<script src="proyecto/scripts/funciones.js"></script>
</head>
<body>
<!-- Cuerpo del Sitio Web -->
<!-- Enlaces JS* -->
<script src="proyecto/scripts/funciones.js"></script>
</body>
</html>
* En el caso de los scripts pueden integrarse fuera del head en el body de la página, ya que en algunos casos éstos deben integrarse al final del body para que los elementos que los usan los reconozcan.
No hay comentarios:
Publicar un comentario