Introducción a HTML
HTML, que significa lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web y aplicaciones. Combinado con tecnologías de vanguardia como JavaScript y CSS, HTML permite a los desarrolladores de aplicaciones para el usuario crear sitios web y aplicaciones con muchas funciones. y visualmente impresionante.
Estructura básica de un documento HTML
Un documento HTML básico tiene una estructura específica que incluye etiquetas específicas que definen el encabezado (<head>) y el cuerpo (<body>) del documento. . La etiqueta <html> es la raíz del documento y todas las demás etiquetas están anidadas en ella. La etiqueta <head> contiene metadatos sobre el documento, como su título y enlaces a scripts CSS y hojas de estilo. La etiqueta <body> contiene el contenido real de la página web, como texto, imágenes, vídeos, etc.
<!DOCTYPE html>
<html>
<cabeza>
<title>Título de la página</title>
</cabeza>
<cuerpo>
<h1>Este es un encabezado</h1>
<p>Este es un párrafo.</p>
<p>Este es otro párrafo.</p>
</cuerpo>
</html>
Etiquetas y atributos HTML
Las etiquetas HTML son la base del lenguaje HTML. Definen y describen el contenido de un documento HTML. Una etiqueta HTML se compone de un nombre de elemento, encerrado entre corchetes angulares. Algunos ejemplos incluyen <h1>, <p>, <div>, etc.
Los atributos HTML proporcionan información adicional sobre los elementos. Siempre se especifican en el elemento inicial y normalmente vienen en pares nombre/valor. Por ejemplo, la etiqueta de enlace <a> suele utilizar el atributo "href" para especificar el enlace al que debe apuntar.
<a href="https://www.example.com">Este es un enlace</a>
Estructuras de control en JavaScript
JavaScript, como muchos otros lenguajes de programación, tiene estructuras de control que permiten a los desarrolladores especificar diferentes rutas de ejecución basadas en condiciones y bucles. Las estructuras de control más comunes en JavaScript son if, switch, for y while.
- Escuche el audio con la pantalla apagada.
- Obtenga un certificado al finalizar.
- ¡Más de 5000 cursos para que explores!
Descargar la aplicación
si
La declaración if es una estructura de control condicional que ejecuta un bloque de código si una condición especificada es verdadera.
sea x = 20;
si (x > 10) {
console.log("x es mayor que 10");
}
cambiar
La instrucción switch evalúa una expresión y ejecuta el bloque de código correspondiente al valor de la expresión.
let fruta = "manzana";
cambiar (fruta) {
caso "plátano":
console.log("¡Me gustan los plátanos!");
romper;
caso "manzana":
console.log("Las manzanas están bien.");
romper;
por defecto:
console.log("¡Me gustan todas las frutas!");
romper;
}
para
El bucle for es una estructura de control que ejecuta un bloque de código un número específico de veces.
para (sea i = 0; i < 5; i++) {
consola.log(i);
}
mientras
El bucle while es una estructura de control que ejecuta un bloque de código siempre que una condición especificada sea verdadera.
sea yo = 0;
mientras (yo < 5) {
consola.log(i);
yo ++;
}
En resumen, HTML, CSS y JavaScript son herramientas potentes que permiten a los desarrolladores crear aplicaciones web ricas e interactivas. Comprender la estructura básica de HTML, etiquetas y atributos, así como las estructuras de control de JavaScript, son pasos fundamentales para convertirse en un desarrollador front-end eficaz.
