Etiquetas script y link

Etiquetas

Ahora analizando las etiquetas para integrar CSS y código JavaScript en nuestro código.

HTML se usa conjuntamente con otras tecnologías con la ayuda de ciertas etiquetas y atributos. A continuación veremos las etiquetas para integrar CSS (Cascade Stylesheets) y JavaScript

Para enlazar CSS

Etiqueta <style>: se emplea para insertar código CSS. Cabe mencionar que esta etiqueta debe ubicarse dentro del <head>.
Etiqueta <link>: se emplea dentro de la etiqueta <head> y permite enlazar un archivo con un CSS externo. Por ejemplo, el siguiente código: <link rel="stylesheet" type="text/css" href="estilo.css"> enlaza el archivo CSS estilo.css.
Estilo en línea: podemos agregar el atributo style y asignarle como valor los estilos CSS que deseemos.

Para enlazar JavaScript

Etiqueta <script>: se emplea para insertar código escrito en JavaScript.
Etiqueta <script> con atributo src: permite que enlacemos un archivo con código JavaScript externo. Por ejemplo, el siguiente código: <script src="funciones.js"></script>, enlaza el archivo JavaScript, funciones.js.
JavaScript en etiquetas: podemos asociar código JavaScript que responda a ciertos eventos. Por ejemplo, se emplea cuando deseamos ejecutar un código JavaScript al hacer click en un enlace. El siguiente código ilustra lo antes dicho: <a onclick="alert(1)">Presiona</a>. Este muestra un enlace que al darle click ejecuta alert(1) que despliega una ventana con el contenido “1”.

Back to