Lenguajes de presentación en HTML
Sintaxis
Ejemplo:
<!DOCTYPE
html>
<html>
<head>
<title>Ejemplo de HTML</title>
</head>
<body>
<h1>¡Hola, mundo!</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>
</html>
Selectores
Existen muchos editores de páginas Web que facilitan la labor de crear y aplicar Hojas de Estilo, pero los selectores que se pueden definir con estos programas son sólo los más elementales. La complejidad que pueden alcanzar los selectores contextuales escapan a las posibilidades de cualquier herramienta y es ahí donde los diseñadores deberán apelar a sus propios recursos. En esta sección se explican los llamados selectores simples.
Ejemplo:
<!DOCTYPE
html>
<html>
<head>
<title>Ejemplo de Selectores</title>
<style>
/* Selector de tipo */
p {
color: blue;
}
/* Selector de clase */
.destacado {
font-weight: bold;
}
/* Selector de ID */
#titulo {
font-size: 24px;
}
</style>
</head>
<body>
<h1 id="titulo">Título
Principal</h1>
<p>Este es un párrafo normal.</p>
<p class="destacado">Este es
un párrafo destacado.</p>
</body>
</html>
Tipos de medios
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de Tipos de Medio</title>
</head>
<body>
<h2>Imagen</h2>
<img src="imagen.jpg" alt="Imagen de ejemplo">
<h2>Audio</h2>
<audio
controls>
<source
src="audio.mp3" type="audio/mpeg">
Tu navegador no soporta el elemento de audio.
</audio>
<h2>Video</h2>
<video
controls>
<source
src="video.mp4" type="video/mp4">
Tu navegador no soporta el elemento de video.
</video>
</body>
</html>
Modelo de caja
Las cajas de una página se crean automáticamente. Cada vez que se inserta una etiqueta HTML, se crea una nueva caja rectangular que encierra los contenidos de ese elemento.
Ejemplo:
Aplicaciones en documentos web
Ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Formulario de Contacto</title>
<link
rel="stylesheet" href="styles.css"> <!-- Enlace al archivo CSS externo -->
</head>
<body>
<header>
<h1>Formulario de Contacto</h1>
</header>
<section>
<form
action="submit.php" method="POST">
<label for="nombre">Nombre:</label>
<input
type="text" id="nombre" name="nombre"
required>
<label
for="email">Email:</label>
<input
type="email" id="email" name="email" required>
<label for="mensaje">Mensaje:</label>
<textarea
id="mensaje" name="mensaje" required></textarea>
<button
type="submit">Enviar</button>
</form>
</section>
<footer>
<p>Derechos de autor © 2024. Todos los derechos
reservados.</p>
</footer>
</body>
</html>
ResponderBorrar"¡Qué genialidad de blog! Me encantó cómo desglosaron los elementos básicos de HTML y los lenguajes de presentación de una manera tan clara y directa. ¡Definitivamente me siento más preparado para darle vida a mis ideas en la web después de leer esto!"
Este comentario ha sido eliminado por el autor.
ResponderBorrarEste comentario ha sido eliminado por el autor.
ResponderBorrarMuy acertado su blog de los lenguajes de presentación html, creo que presentaron todos y cada uno de los temas muy completos y un ejemplo que los vuelve más entendibles, se entiende muy bien que los lenguajes de presentación de html, su sintaxis, los selectores por no hablar de los demás
ResponderBorrarEste comentario ha sido eliminado por el autor.
ResponderBorrarLos lenguajes de presentación son las herramientas que permiten diseñar la estructura, la apariencia y el comportamiento de una página web. Son fundamentales para el desarrollo web, ya que permiten crear páginas interactivas, fácil para el usuario y sobre todo llamativas. En general dominar estos lenguajes te permite crear páginas web completas, atractivas e interactivas.
ResponderBorrarTodos los elementos básicos que ya conocemos de las paginas web y los lenguajes de programación que conocíamos se complementan con la información que se pudo leer en este blog
ResponderBorrarEs un blog que, aunque breve, aborda de manera efectiva la información esencial para una comprensión completa. La exposición de los elementos básicos de los lenguajes de presentación está bien lograda. En términos similares, los lenguajes de presentación son las herramientas esenciales que posibilitan la definición de la estructura, la apariencia y el comportamiento de una página web. Su importancia en el desarrollo web radica en la capacidad para construir páginas interactivas, amigables para el usuario y, sobre todo, atractivas. En resumen, el dominio de estos lenguajes facilita la creación de páginas web completas, cautivadoras e interactivas.
ResponderBorrar