domingo, 18 de octubre de 2015

Mi primer HTML5 con estilo: HTML5+CSS3

En esta ocasión les indicare como aplicar estilo (CSS3) a una pagina web (HTML5), usaremos una hoja de estilo externa .
Empecemos.

Crear una pagina web sencilla usando este código, pueden utilizar cualquier editor de texto, para este ejemplo uso Sublime Text.

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="formato.css">
<title>Mi primer Html5</title>
</head>

<body>
<h1 id="t1">
Bienvenidos a dreskan.blogspot.com
</h1></body>

</html>

Lo guardaremos como index.html, abriremos una nueva pestaña en nuestro editor y copiamos este codigo.

body{background-color: red;}

#t1{font-size: 50px;}

Lo guardamos como formato.css y veran como nuestra pagina web obtiene un fondo de color rojo y el tamaño del texto de <h1> es de 50px

Para enlazar el css externo a nuestro documento html hemos usado el siguiente codigo

<link rel="stylesheet" type="text/css" href="formato.css">

Adjunto capturas y el resultado final.
Cualquier duda dejenlo en los comentarios.








No hay comentarios:

Publicar un comentario

Obtener el residuo de la division de dos numeros en C++

Un pequeño ejemplo de programacion en C++. #include<conio.h> #include<stdio.h> #include<math.h> int num1,num2,residuo...