Tutorial HTML

INICIO HTML Introducción HTML Editores HTML HTML básico Elementos HTML Atributos HTML Encabezados HTML Párrafos HTML Estilos HTML Formato HTML Cotizaciones HTML Comentarios HTML Colores HTML CSS HTML Enlaces HTML Imágenes HTML icono de favoritos HTML Tablas HTML Listas HTML Bloque HTML y en línea Clases HTML Identificación HTML Marcos flotantes HTML HTML JavaScript Rutas de archivo HTML Encabezado HTML Diseño HTML Responsivo HTML Código informático HTML Semántica HTML Guía de estilo HTML Entidades HTML Símbolos HTML Emoticonos HTML Juego de caracteres HTML Codificación de URL HTML HTML frente a XHTML

Formularios HTML

Formularios HTML Atributos de formulario HTML Elementos de formulario HTML Tipos de entrada HTML Atributos de entrada HTML Atributos de formulario de entrada HTML

Gráficos HTML

Lienzo HTML HTML SVG

Medios HTML

Medios HTML Vídeo HTML Audio HTML Complementos HTML HTML de YouTube

API de HTML

Geolocalización HTML Arrastrar/soltar HTML Almacenamiento web HTML Trabajadores web HTML SSE HTML

Ejemplos HTML

Ejemplos HTML Cuestionario HTML Ejercicios HTML Certificado HTML Resumen HTML Accesibilidad HTML

Referencias HTML

Lista de etiquetas HTML Atributos HTML Atributos globales HTML Compatibilidad con navegador HTML Eventos HTML Colores HTML Lienzo HTML Audio/vídeo HTML Tipos de documentos HTML Conjuntos de caracteres HTML Codificación de URL HTML Códigos de idioma HTML Mensajes HTTP Métodos HTTP Convertidor PX a EM Atajos de teclado

HTML JavaScript


JavaScript hace que las páginas HTML sean más dinámicas e interactivas.


Ejemplo

My First JavaScript


La etiqueta HTML <script>

La <script>etiqueta HTML se utiliza para definir un script del lado del cliente (JavaScript).

El <script>elemento contiene sentencias de script o apunta a un archivo de script externo a través del srcatributo.

Los usos comunes de JavaScript son la manipulación de imágenes, la validación de formularios y los cambios dinámicos de contenido.

Para seleccionar un elemento HTML, JavaScript suele utilizar el document.getElementById()método.

Este ejemplo de JavaScript escribe "¡Hola, JavaScript!" en un elemento HTML con id="demo":

Ejemplo

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Sugerencia: Puede aprender mucho más sobre JavaScript en nuestro Tutorial de JavaScript .


Una muestra de JavaScript

Estos son algunos ejemplos de lo que JavaScript puede hacer:

Ejemplo

JavaScript puede cambiar el contenido:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Ejemplo

JavaScript puede cambiar estilos:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Ejemplo

JavaScript puede cambiar atributos:

document.getElementById("image").src = "picture.gif";


La etiqueta HTML <noscript>

La <noscript>etiqueta HTML define un contenido alternativo que se mostrará a los usuarios que tienen scripts deshabilitados en su navegador o tienen un navegador que no admite scripts:

Ejemplo

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Ejercicios HTML

Ponte a prueba con ejercicios

Ejercicio:

Use JavaScript para cambiar el contenido HTML del <p>elemento a "¡Hola mundo!".

<body>

<p id="demo">Hola.</p>

<script>
documento.("demostración").innerHTML = "¡Hola mundo!";
</script>

</cuerpo>


Etiquetas de script HTML

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML .