Tutorial Básico Html ~ Mundo Fail

HOLAHOLA

Te gusto?, compartelo!!

Tutorial basico de html

Tutorial completamente creado por fosebad:
1) Sólo sigue las instrucciones. Abre el Bloc de notas "Cada página debe comenzar y terminar con la etiqueta (tag) HTML. Una etiqueta se cierra agregando /. "
2) Al tener abierto el bloc de notas solo restar colocar los primeros codigos:

<html>
</html>

______________________________________________

Todo documento HTML requiere un encabezado en este caso seria <head> y </head>"

<html>
<head>
</head>
</html>

____________________________________________________
por el momento la añadiremos el codigo <title>, sierve para agregar el titulo de la web deseada

<html>
<head>
<title>Aca el titulo</title> </head>
</html>

______________________________________________________
El resto de la pagina aparecera dentro de body, este es el cuerpo de la pagina, nuestro contenido.

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

____________________________________________________________-

3) Ahora guarda tu página, no como un archivo txt, sino como un documento html. Guárdala como pagina1.html Si no sabes cómo hacer ésto, lee lo siguiente:

1. Selecciona "Guardar como" en el bloc de notas
2. Elige el directorio en que guardarás el archivo.
3. En donde dice "Guardar como archivos de tipo" selecciona "Todos los archivos (*.*)"
4. En "Nombre de archivo" anota pagina1.html
5. Clic en "Guardar" y... listo... ¡has creado tu primera página!

__________________________________________________________

Tutorial intermedio en html tuto 2:

Autor fosebad:

1) paso: Como escribir en tu web:

es muy sencillo, nada mas debes fijarte bien en la parte del <body> y </body> dentro de estas dos etiquetas que son el contenido web, ira nuestro contenido, dentro de estas dos etiquetas podras hacercon ellas lo que quieras, empezemos:

* Tamaños de letra: es muy facil agrandar tu letra, nada mas colocas las etiquetas <h1> y</h1> Ejemplo <h1>Contenido </h1>

* Centrar contenido: tambien es muy facil y se hace mediante dos etiquetas llamdas <center> y </center> Ejemplo <center>Contenido </center>

*Agregar una imagen: es muy facil, se hace con una etiqueta: <img src="URL DE LA IMAGEN"> , es tan simple como buscar la mera imagen.

* Agregar un hipervinculo: este servicio de html, ofrece que desde tu web puedas ir con un solo clik a otra web y se hace utilizando el codigo:
<a href="LINK">

Códigos útiles en html

Autor fosebad:

CENTRAR LA WEB

<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

Atras - Actualizar - Adelante

<input type="button" value="Atrás" onclick="history.back()" style="font-family: <b>Verdana</b>; font-size: <b>8</b> pt"><br /> <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: <b>Verdana</b>; font-size:<b> 8 </b>pt"><br /> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: <b>Verdana</b>; font-size:<b> 8</b> pt">

CAJA DE CODIGO CON BOTON COPIAR

<span id="Caja1" class="Caja1"><span style="font-weight: bold;">Haga click dentro de la caja de texto para copiar su contenido</span><br /> <br /> </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1"><span style="font-weight: bold;">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</span></textarea> <script> <br /> function copyCaja1(elt) { <br /> var urlSwf = "copy.swf"; <br /> var flash = document.getElementById("C1"; <br /> var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>'; <br /> flash.innerHTML = divinfo; <br /> elt.focus(); <br /> elt.select(); <br /> document.getElementById("Caja1".innerHTML = "<span style="font-weight: bold;">¡El texto ha sido copiado!</span><br/>"; <br /> return true; <br /> } <br /> </script> <br /> <div id="C1"> </div>

pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2

PROBADOR DE HTML

<script><br /> function probar(texto) {<br /> ventana = window.open('', 'popup', '');<br /> ventana.document.write(texto);<br /> }<br /> </script><br /> <form action="" name="probador"><br /> <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr /><br /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br /><br /> </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font><br /> </form>

TABLA DE COLORES EN TU WEB

<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

FECHA EN TU SITIO

<script language="JavaScript"> <br />  <br /> </script>

SALUDO SEGUN LA HORA DEL DIA

<Font size=2 face=arial><b> <br /> <Script Language="JavaScript"> <br />  <br /> </script> <br /> </b></font>

TIEMPO RESTANTE PARA FINALIZAR EL DIA

<body> <p>Tiempo restante para finalizar el día</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript">  </script> </form> </body>

Reproducciónes

Tutorial Básico Html

fosebad

Sugerir video

Sugerir Video

Entradas populares

Entradas populares

Tutorial Básico Html