Editor De HTML Online
Algunas bese encontramos muchos códigos HTML en la web la cual usamos para nuestro sito web o para nuestro blog, pero para ver que funciona tenemos que entrar al blog y pegarlo y ver si funciona, pero con este editor Online nos ahorramos ese trabajo ya que lo podemos ver el código en formato ya presentado en blog y así sabremos si lo queremos para nuestro blog, Para que pruebes como funciona este editor Online puede entrar al Siguiente Link: Real-time HTML Editor y en la parte de arriba borra las letras que hay y en su lugar pega el siguiente código como ejemplo para ver funcionar:
Código de Ejemplo:
<style type="text/css">
body {margin:0; padding:0;
font-family:Verdana, Arial, sans-serif;
font-size:small;}
#header {
padding:20px;
background:#333;
border-bottom:1px solid #fff;}
#header h1 {
padding:0; margin:0;
color:#ccc;
font-family:Verdana, serif;
font-weight:bold;
font-size:190%;}
#nav {
float:left;
width:100%;
margin:0; padding:0;
list-style:none;
background:#ccc;
border-bottom:1px solid #999;}
#nav li {
float:left; margin:0; padding:0;}
#nav a {
float:left;
display:block;
padding:6px 30px 6px 5px;
text-decoration:none;
font-weight:bold;
font-size:90%;
color:#666;
background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQWFvuNnMRr4mbMancDmWhUZBoeZlLsYAWOt2e5RtiAlVqTqZOTTEO7LK4Jo-wy4xtwYpxDa9iXI1sdXbtcKZmVDqRN_AoopezrHxOjnykjWLa3e7y3otGSWfVSqga8a2gpGZP2TI7YSs/s400/nav_slant.gif)no-repeat top right;
}
#nav #nav-1 a {padding-left:20px;}
#nav a:hover {color:#000;}
</style>
<div id="header">
<h1><center>El Rincon De Windows + HTML</center></h1>
</div>
<ul id="nav">
<li id="nav-1"><a href="#">Inicio</a></li>
<li id="nav-2"><a href="#">Directorio</a></li>
<li id="nav-3"><a href="#">Contacto</a></li>
<li id="nav-4"><a href="#">Acerca de</a></li>
</ul>
Si lo pudieron ver que si Funciona espero que les sirva de Mucho este Post.
Publicar un comentario