Les explicare con mis palabras algunas cosas basicas del html
Por lo general para las etiquetas HTML usamos los comandos para abrir y cerrar <></>
Siempre que empecemos un documento en html debe ir encerrado por las etiquetas html(no es del todo necesario pero se aplica)
Ejemplo
Código: Seleccionar todo
<html>
Contenido de la web
</html>
La etiqueta Siguiente es HEAD, entre cuyas funciones tenemos dar un titulo a la pagina, establecer un lenguaje de escritura, establecer un favicon y permitir el uso de scripts
Ejemplo
Código: Seleccionar todo
<head>
<link rel="shortcut icon" href="images/favicon.ico">(Ruta del Favicon)
<title>El titulo de tu pagina web</title>
<!--[if Nombre del scrip.]>
<script defer type="text/javascript" src="ruta del script"></script>
<![endif]-->
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />(Lenguaje de escritura
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />(Este caso se usa si usas CSS)
</head>
Ahora vamos con la etiqueta BODY, su funcion es simple, en este podemos determinar el cuerpo de la web
esto es demaciado vital asi que ojo
Ejemplo
Código: Seleccionar todo
<body>
Aqui va todo lo que quiero que tenga mi web =D
</body>
Añadir Negrilla
Si quienes tener letra en Negrilla simplemente usa el comando <b>
Ejemplo
Código: Seleccionar todo
<b>HTML Basico</b>
Si quieres tener una letra con un color especial usa la etiqueta <font color>
Ejemplo
Código: Seleccionar todo
<font color="red">Aqui el Texto</font>
Determinar el tamaño de un texto
Bueno si quieres un tamaño especial en el texto usa el comando <font size>
Ejemplo
Código: Seleccionar todo
<font size="3">Aqui el Texto</font>
Rotar Texto de Der. a Izq
Si deseas que el texto se mueva de derecha a izquierda usaremos la etiqueta <marquee>
Ejemplo
Código: Seleccionar todo
<marquee>Mi texto se mueve</marquee>
Si deseas que el texto parpadee usaremos la etiqueta <blink>
Ejemplo
Código: Seleccionar todo
<blink>Mi texto parpadea</blink>
Si deseas que el texto se vea tachado usaremos la etiqueta <s>
Ejemplo
Código: Seleccionar todo
<s>Mi texto esta tachado</s>
Si deseas que tu texto se vea Italico o corrido usaremos la etiqueta <i>
Ejemplo
Código: Seleccionar todo
<i>Mi texto se ve corrido</i>
Si deseas tener un texto subrayado usaremos la etiqueta <u>
Ejemplo
<u>Texto subrayado</u>
Texto Centrado
Si deseas centrar tu texto usaremos la etiqueta <center>
Ejemplo
Código: Seleccionar todo
<center>Mi texto est centrado</center>
Si deseas que tu alinear tu texto al lado izquierdo usaremos la etiqueta <left>
Ejemplo
Código: Seleccionar todo
<left>Mi texto esta a l izquiera</left>
Si deseas que tu alinear tu texto al lado derecho usaremos la etiqueta <right>
Ejemplo
Código: Seleccionar todo
<right>Mi texto esta a l derecha</right>
Si deseas colocar una imagen en tu website simplemente usa el comando <img>
Ejemplo
Código: Seleccionar todo
<img src="ruta de la imagen"></img>
Si deseas que al Hacer Click Sobre una imagen redirecciones a alguna parte usamos los comandos <a href> y <img>
Ejemplo
Código: Seleccionar todo
<a href="direccion a la que quieres redireccionar" target="_blank" ><img src="ruta imagen"></img></a>
Imagen redireccionable(Agregar a MSN)
Si deseas que al hacer click sobre una imagen te Agreguen al Windows Live Messenger usaremos lo siguiente, solo funciona en Internet Explorer y mientras uses Windows Live Messenger
Ejemplo
Código: Seleccionar todo
<a href="msnim:add?contact=tu msn aqui"><img src="images/msn.png"></img></a>
Si quieres saltar una linea a un texto es muy facil solo usar etiqueta <br>
Ejemplo
Código: Seleccionar todo
Este es mi texto y quiero
<br>
que esto quede en la siguiente linea =D
Si quieres hacer una lista es muy sencillo usaremos etiquetas <ol> y <li>
Ejemplo
Código: Seleccionar todo
<ol>
<li>HTML 1</li>
<li>HTML 2</li>
<li>HTML 3</li>
<li>HTML 4</li>
<ol>
Código: Seleccionar todo
1. HTML 1
2. HTML 2
3. HTML 3
4. HTML 4
Si queremos que no quede enumerado si no marcado por un punto simplemente reemplazamos <ol> por <ul>
Ejemplo
Código: Seleccionar todo
<ul>
<li>HTML 1</li>
<li>HTML 2</li>
<li>HTML 3</li>
<li>HTML 4</li>
<ul>