Powered By Blogger

domingo, 7 de octubre de 2012

ETIQUETAS HTML

¿ ¿
ñ ñ
&letraacute; á
" ""
<p> parrafo
<b> negrita
<i> cursiva
<h1> mas grande
<h6> mas pequeño
<p style="color: #  para poner color al párrafo

TABLAS


html>
<head>
<title> Tablas </title>
</head>
<body align=center background="img/fondo.jpg">
<h1> Ejemplos de tablas </h1>
<table border=3 align=center width=500>
<tr>
<td colspan=2 align=center bgcolor=#F69>
<h2 align=center> Datos del alumno </h2>
</td>
</tr>
<tr>
<th align=center width=50% bgcolor=#47F09E>NOMBRE</th>
<th align=center width=50% bgcolor=#A479D5>GRADO</th>
</tr>
<tr>
<td bgcolor=#79B2D5>
Johanaa
</td>
<td bgcolor=#D57993>
Mercaa
</td>
</tr>
<tr>
<td colspan=2 align=center>
<img src="img/dulce.jpg" width=500 heigth=300 />
</td>
</tr>

</table>
</body>
</html>


CAPAS

<!DOCTYPE html />
<html>
<head>
    <title>Ejemplo de capas</title>
    <meta charset="iso-8859-1" />
</head>
<body>
    <style>
    #capa {
        color: red;
        background: #CCC; 
        border-radius: 25px 25px 25px 25px;
        box-shadow: 10px 10px 10px #000;
        font-family: Mistral;
        font-size: 32px;
        height: 200px;
        line-height: 200px;
        margin: auto;
        text-align: center;
        width: 500px;
        
    }
    </style>
    <style>
    #capa2 {
        color: red;
        background: #000;
        border-radius: 25px 25px 25px 25px;
        box-shadow: 10px 10px 10px #000;
        font-family: Mistral;
        font-size: 32px;
        height: 100px;
        line-height: 100px;
        margin: auto;
        text-align: center;
        width: 500px;
        
    }
    </style>
<div style="background: #990000; color: FFF; font-size: 2em;">
Ejemplo de capa
</div>
<br />
<div id="capa">
    Otro ejemplo de capa
</div>
<br>
<div id="capa2">
    Otro ejemplo de capita
</div> 
<br>
</body>
</html> 

LO LOGRE.!

<html>
<head>
<title> pagina web </title>

</head>
<body bgcolor = red>
<h2 align= center> ETIQUETAS </h2>
<p><b><i> ma&ntilde;ana tengo mi examne de compu y estoy dando mis ultimas repasadaas haber como me va espero q todo me salga como 
lo planeee</i></b></p>
<p><b> YA TENGO SUE&Ntilde;O QUIERO DORMIRME YA</b></p>



    <style>
    #capa {
        color: red;
        background: #CCC; 
        border-radius: 25px 25px 25px 25px;
        box-shadow: 10px 10px 10px #000;
        font-family: Mistral;
        font-size: 32px;
        height: 200px;
        margin: auto;
        text-align: center;
        width: 500px;
        
    }
    </style>

<div style="background: #990000; color: FFF; font-size: 2em;">
Ejemplo de capa
</div>
<br />
<div id="capa">
    <b> TABLAS </b>
<table bgcolor=yellow border=3 width=350 align=center> 
<tr>
  <td align= center colspan=2 > 
<h2>DATOS DEL ALUMNO </h2>
</td>
</tr>

<tr >
  <th> 
nombre 
</th>
<th> 
grado 
</th>

</tr>
 
<tr>
  <th> 
maria fernanda
</th>
<th> 
4to merka
</th>

</tr>
<tr>
    
</div> 
</br>

</body>
</html>