Hola,quiero enseñarte hoy lo básico de HTML,tal vez un día lo nesecites para tu website o blog o para algun proyecto de la universidad,no es tan complicado,lleva su trabajo pero una vez memorizado te resultará sencillo,como todo es cuestión de práctica.
Comenzaremos con la dirección de mi sítio web:
Dirección: <a href=”http://vendefacilonline.com”>vende fácil online</a>
Vende Facil Online
Si tu deseas que se abra en una nueva ventana tienes que hacer lo siguiente:<a href=”http://vendefacilonline.com” target=”blank”>Vende Facil Online</a>
Si no quieres que aparezca la línea de abajo de tu link,has lo suguiente:
<a href=”http://tuwebsite.com” target=”_blank”style=”text-decoration: none;”>tu website</a>
Bentley
Para la foto de arriba debes hacer lo siguiente:<img src=”http://www.harrogatelimousinehire.co.uk/images/bentlySmall.jpg”>
Haces un click derecho en la foto y haces click en copy image location,y ese es el url de la foto que vas a usar,yo a veces tengo que poner anuncios en craiglist.org entonces debo usar estos codigos.
Si deseas que tu foto tenga una dirección de un sítio web,para cuando alguien visita tu página ,apunta con el mouse en la foto y pueda hacer un click,entonces has esto:<a href=”http://www.tuwebsite.com”><img src=”http://www.harrogatelimousinehire.co.uk/images/bentlySmall.jpg”></a>
Si deseas poner tu foto a la derecha o izquierda,has esto:
<img border=”0″align=”left” src=”http://www.harrogatelimousinehire.co.uk/images/bentlySmall.jpg”/>
Escribe palabras,títulos,frases a color:
vende facil online
Este es el codigo:<b style=”color:red;font-weight:strong;”>vende facil online</b>puedes usar cualquiér color,solo cambia el red por el que quieras.
Un Título Subrayado:
<p style=”text-decoration: underline”>vende facil online</p>
vende fácil online
Si no quieres que este subrayado el código es:
<p style=”text-decoration:underline;font-weight:normal;”>vende facil online</p>
Ahora puedes ver como enmarcar un texto de una forma redondeada,fácil de realizar y con un fondo de color,el código es el siguiente:
<p style=”border:solid 2px #DAA520; -moz-border-radius: 15px; -khtml-border-radius: 15px; webkit-border-radius; 15px; background: #FFE5B5; padding; 5px”>escribes el texto aquí y lo cierras con</p>Puedes cambiar los colores,los números que estan con #,son los colores,puedes encontrar más colores y sus números en la siguiente dirección: Wikipedia
Aquí hay otro ejemplo,diferente fondo y con puntos suspensivos
<p style=”border: dotted 2px #000000;width:500px ; background: #FFCCCC; color; #FFFFFF;”>el texto aqui</P>
Otro ejemplo con líneas rectas y fondo blanco
Este es el código:<p style=”border: solid 2px #000000″>el texto aqui</p>
Espero que esta pequeña introducción de HTML sea de mucha ayuda para tí,muchas gracias y puedes dejar tu comentario.
