Mapa del Tesoro
Design! | Música | Ciencia | Lekuek | Mis Celáneas

Estructura básica de un archivo HTML con llamada a CSS

Resultado al ejecutar el archivo HTML
Resultado al ejecutar el archivo HTML. / GIVEEVIG

Archivo HTML

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>giveevig html example</title>
<link href="nombre-archivo-css.css" rel="stylesheet" type="text/css">
</head>

<body>
<header class="header-class"><h1>Título en cabecera</h1></header>
<main>
<div class="class-example">
<p>Always
<br>Give it all!</p>
</div>
</main>
<footer class="footer-class">Contenido en el pie</footer>
</body>

</html>

Archivo CSS

html {font-size: 20px;}

body {
	margin: 0 auto;
	width: 50%;
	background-color: #eee;
}

.header-class {color: chocolate;}

.class-example {
	font-size: 1.25em;
	padding: 1em 2em;
}

.footer-class {font-size: .75rem;}

.footer-class a {
	color: #6B990A;
	border-bottom: 0.08em solid rgba(0, 0, 0, 0.1);
	text-decoration: none;
}
.footer-class a:hover {color: #93bf38;}

Copia-pega el código superior en un editor de texto o descárgate el siguiente .rar con los dos archivos ya listos para empezar 😀

Descarga

giveevig post fotografia diseño ruido ciencia
SHARE: