En este tutorial como se los habia prometido anteriormente voy hacer un Tutotial de UTILIZACION DE CSS CON HTML, de forma INTERNA o EXTERNA en esta parte hablameros primero de FORMA INTERNA.
Para esto voy ayudar un poco de una Sofware llamado phpDesigner v8 (Mas Informacion darle click aqui).
lo primero que vamos a crear es un documento vacio con las etiquetas esenciales para crear una pagina web Html que seria mas o menos asi:
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="Still Gonzalez Cardona" content="www.adesis2012.blogspot.com" />
<title>Utilicacion de CSS con HTML de Forma Interna</title>
</head>
<body>
</body>
</html>
Vista Previa
Luego de haber creado tu pagina web Comenzamos a crear un Css (Hoja de estilos en Cascadas)
que se crear con la ETIQUETA <STYLE> y esta se utiliza dentro de la cabezera es decir dentro del <HEAD>.
Lo que se puede colocar dentro de la etiqueta style son todo los atributos que ofrece CSS para el maneja de todas las etiqueta.
Por ejemplo:
Vamos a crear un pagina html con css dentro a una etiqueta <h1> se vamos a colocar un texto colocar azul con un fondo rojo.Esto es muy sencillo en css y se hace con unos atributos que se ven a continuacion:color:blue (Esto Indica que el texto va a tener un color azul, de igual forma se le pueden colocar colores por tonalidades con Hexadecimales por ejemplo:#0000),.
background-color: red (Esto Indica que el va tener un fondo color red, de igual forma se le pueden colocar colores por tonalidades con Hexadecimales por ejemplo:#0000).
Nota: La sintaxis de css es muy sencilla, como lo ven en el codigo o en la imagen es simplemente dar el nombre de la etiqueta dentro de style y entre corchetes se le asignan todo los atributos que se pueden colocar a esta etiqueta.
los atributos colocados son separados unos con otro con un punt y coma ; y asi todas las etiquetas h1 tendran esa configuracion.
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="Still Gonzalez Cardona" content="www.adesis2012.blogspot.com" />
<title>Utilicacion de CSS con HTML de Forma Interna</title>
<style>
h1{color: blue;background-color: red;}
</style>
</head>
<body>
<h1>Esto es hecho con CSS</h1>
<h1>Esto es hecho con CSS</h1>
<h1>Esto es hecho con CSS</h1>
</body>
</html>
Vista Previa
Resultado
No hay comentarios:
Publicar un comentario