*******Código HTML al al Que le daremos Diseño y forma utilizando CSS *******
<! DOCTYPE html>
<! -
Para change this Encabezado de LICENCIA, Seleccione Encabezados LICENCIA en Propiedades del Proyecto.
Para change this Archivo de plantilla, Seleccione Herramientas | Plantillas
y abra la Plantilla en el editor.
->
<html>
<head>
<title> </ title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<body BACKGROUND="dd.jpg">
<br>
<center> <header> <h1> <br> BIENVENIDO! </ H1>
<h3> <nav> <ul> <li> Inicio </ li>
<li> informacion </ li>
<li> bibliografias </ li> <br> </ nav> </ center> </ h3>
<br>
</ Header> Inglés <-! ESTE HEIDER ARRIBA LE DAMOS FORMA Y DISEÑO CON EL CSS ->
<section>
<article> Creando UNA PAGINA EN UTILIZANDO CSS HTML </ article>
</ Section>
<section>
</ Section>
<br>
<div> renglón 0 </ div>
<br>
<div> renglón 1 </ div>
<br>
<div> renglón 2 </ div>
<br>
<div> renglón 3 </ div>
<br>
<div> renglón 4 </ div>
<br>
<center> <h4> <p align="center"> CSS Es Un Lenguaje de Estilo Que definen la <br>
Presentación de los Documentos HTML. Por <br>
EJEMPLO, Cuestiones Abarca CSS relativas a <br>
fuentes, colores, Márgenes, Líneas, Altura, <br>
Anchura, Imágenes de Fondo, Posicionamiento <br>
Avanzado y MUCHOS Otros Temas. ¡Espera UNOS <br>
Segundos y ya VERÁS! </ P>
<p align="justify"> ES HTML USAR Posible, o INCLUSO abusar del <br>
Web Mismo, Parr ESQUEMA ESQUEMA Añadir ONU Formato de Los Sitios. <br>
Sin embargo, CSS ofrece Mas opciones y es <br>
Más Preciso y Sofisticado. No no está CSS Soportado <br>
Por Todos Los Navegadores Hoy Dia. </ P>
<p align="justify"> UNIVERSIDAD AUTONOMA DE GUERRERO <br>
UNIDAD ACADEMICA DE INGENIERIA <br>
ARMANDO SANCHEZ ALONSO <br>
SEPTIMO SEMESTRE <br>
INTERFACES GRAFICAS </ p> </ h4> </ center>
<- ACA LE DIMOS EL DISEÑO Y LA FORMA A LA TABLA SLO PARA SQUE SEA MAS LAMATIVA ->
<table width="280" cellspacing="1" cellpadding="3" border="0" bgcolor="#FF8000">
<tr>
<br>
<td> <font face="Arial"> de color = "# D8D8D8"
<b> practica # 3 </ b>
</ Font> </ td>
</ Tr>
<tr>
<td bgcolor="#FFFFCC">
<font face="Arial, verdana, Helvetica">
En esta practica utilizaremos el css en HTML parrafo PONER Un Poco mas llamativas las paginas web
<br> Elaboro <br> http://alonsar.blogspot.mx/
</ Font>
</ Td>
</ Tr>
</ Table>
</ Body>
</ Html>
****** Código css Dandole forma y diseño al codigo HTML *******
<-! INICIO DEL USO DE CSS ->
<style type="text/css">
encabezamiento
{
font-family: Monotype Corsiva / / TIPO DE LETRA DEL HEIDER
color: blanco / / COLOR DEL TEXTO DEL HEIDER
background-color: # A4A4A4 / / LE CREAMOS UN FONDO AL HEIDER
Fronteriza: Fondo 2px; / / ACA EL COLOR DEL FONDO UTILIZANDO EL CODIGO DE COLORES HEXADECIMAL
ancho: 20% / / TAMAÑO DEL CUADRO
}
Sección
{
background-color: red; / / AL FONDO COLOR ROJO Seccion
}
article
{
background-color: blanco;
Fronteriza: Fondo 3px Sólido / / BONDE DE 3 PIXIELES EN EL CUADRO DEL ARTICULO
}
div
{
font-family: Papiro; / / TIPO DE LETRA
background-color: negro / / COLOR DEL FONDO
color: blanco / / COLOR DE LA LAETRA
}
p
{
font-family: Imprimir Segoe;
color: red;
background-color: negro;
Fronteriza: Fondo 3px;
ancho: 80%;
}
</ Style>
</ Head>
*******Resultado *******
**********************************THE END*************************************
No hay comentarios:
Publicar un comentario