La etiqueta Title
Parte de la sección Styling with CSS del Journey de HTML de Coddy — lección 5 de 76.
En HTML, la etiqueta title se utiliza para definir el título del documento HTML. Este título se muestra en la barra de título del navegador o en la pestaña de la página. La etiqueta title se coloca dentro de la sección <head> del documento HTML.
Aquí tienes un ejemplo de cómo usar la etiqueta title en un documento HTML:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is a paragraph of text.</p>
</body>
</html>En este ejemplo, la etiqueta title establece el título de la página como "My Web Page". Cuando abras este archivo HTML en un navegador, verás "My Web Page" en la barra de título o en la pestaña.
Desafío
FácilSe te proporciona un documento HTML. Añade un título al documento HTML que diga: My Cool CSS Page
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Styling with CSS
4Fundamentos del texto
Color de textoFamilia de fuentesTamaño de fuenteGrosor de fuenteAlineación de textoDecoración de textoDesafío de repaso #1Desafío de repaso #27Modelo de caja - Parte 1
¿Qué es el modelo de caja?PaddingMárgenesBordesAncho y altoDesafío de repaso
3Selectores básicos
Introducción a los selectoresSelector de tipoSelector de claseSelector de IDSelectores de grupoSelector universalDesafío de selección9Flex Box
¿Qué es Flex Box?Flex DirectionJustify ContentAlign ItemsEl centrado perfectoDesafío de Flex Box12Fundamentos de Diseño Responsivo
¿Qué es el Diseño Responsivo?Etiqueta Meta ViewportDiseños FluidosUnidades de ViewportFundamentos de Media QueriesImágenes Flexibles