HTML de emergencia

Publicado: 13 febrero, 2012 de Alex Noyola en Tec-Digital

En este post TODO lo básico que necesitas para crear un sitio web desde cero.

programas que necesitas.

  • puedes utilizar el bloc de notas de windows, o descargar la version más avanzada de este. el notepad plus.

http://download.tuxfamily.org/notepadplus/5.9.8/npp.5.9.8.Installer.exe 

  • Puedes utilizar el proyecto Kompozer, una herramienta muy útil, ya que permite realizar un intercambio entre el modo de edición de texto y el modo de diseño  visual.

https://sourceforge.net/projects/kompozer/files/current/0.7.10/kompozer-0.7.10-win32.zip/download

estructuras:

PAGINA GENERAL

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

Estructura de una TABLA:

<table border=”1″ width=”400px”>
<tr>
<td>1 </td>
<td>2 </td>
<td>3 </td>
</tr>
</table>

ejemplo:

1 2 3

ETIQUETAS BÁSICAS

<sub> para sub indices </sub>
<sup> para superindices </sup>
<strong> Negrita</strong>
<br/> fin de linea
<!– — > COMENTARIOS
<h1></h1> del 1 al 6 solo para titulos.
<p></p> para párrafos
<tr></tr> inserta una de Fila
<td></td> Inserta una de celda o columna

<a href=”aquí va la dirección de destino”> GOOGLE</a> hipervinculo, el texto GOOGLE es al que se le agregara el vinculo. que este dentro de las “comillas”

Ejemplo de hipervinculo

GOOGLE

PARA HACER MENÚS O LISTAS

<ol>
<li>iTEM1</li>
<li>iTEM2</li>
<li>iTEM3</li>
</ol>

Ejemplo:

  1. iTEM1
  2. iTEM2
  3. iTEM3

Para insertar imagenes:

<img src=”imagen/shakira2.jpg” width=”200px” heigt=”200px” style=”float:left;>

style=”float:left; es una instrucción css, que permite al texto, rodear el contorno de la imagen.

Otros parámetros que puede tener la instrucción style=”instrucción”

<p   style= “color:#00ff00;
text-aling:justify;
background-color:#05a5sd;
font-size:46px;
font-family: impact;” >

Anuncios
comentarios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s