Introducción a HTML: estructura básica, etiquetas y atributos
HTML, que significa lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web. Con HTML, puedes crear tu propia estructura de sitio web, utilizando diferentes etiquetas y atributos.
Estructura básica de HTML
La estructura básica de una página HTML consta de tres partes principales: el elemento <head>, el elemento <body> y el elemento <. elemento ;html>. El elemento <html> es la raíz de una página HTML. Todos los demás elementos HTML deben ser descendientes de este elemento.
<!DOCTYPE html>
<html>
<cabeza>
<title>Título de la página</title>
</cabeza>
<cuerpo>
El cuerpo de la página...
</cuerpo>
</html>
Etiquetas HTML
Las etiquetas HTML son la base de cualquier página web. Definen y estructuran el contenido de una página web y se utilizan para crear elementos HTML como encabezados, párrafos, listas, enlaces, imágenes y más.
Una etiqueta HTML consta de un nombre de etiqueta, encerrado entre corchetes angulares. Una etiqueta HTML normalmente viene en pares, con una etiqueta de apertura y una etiqueta de cierre.
<p>Este es un ejemplo de una etiqueta de párrafo en HTML.</p>
Atributos HTML
Los atributos HTML se utilizan para proporcionar información adicional sobre los elementos HTML. Siempre se especifican en la etiqueta de apertura y normalmente vienen en pares nombre/valor.
Por ejemplo, la etiqueta <a> (que crea un enlace) tiene un atributo llamado "href" que especifica dónde debe ir el enlace:
<a href="https://www.example.com">Este es un enlace</a>
Introducción a objetos y matrices en JavaScript
Objetos
En JavaScript, un objeto es una colección de propiedades y una propiedad es una asociación entre un nombre (o clave) y un valor. El valor de una propiedad puede ser una función, que luego se considera un método del objeto.
var persona = {
nombre: "Juan",
edad: 30,
ciudad: "Nueva York"
};
Matrices
Una matriz es un objeto global especial, que es una lista ordenada de valores. En JavaScript, las matrices comienzan con un índice de 0.
var frutas = ["Manzana", "Plátano", "Fresa", "Naranja", "Limón"];
Esperamos que esta introducción a HTML y JavaScript haya sido útil y le haya proporcionado una comprensión básica de cómo funcionan estas tecnologías. En el próximo capítulo, exploraremos CSS con más profundidad y cómo se utiliza para diseñar páginas web.
