martes, 30 de enero de 2007

HTML


Se pueden encontrar muchos tutoriales, manuales y cursos gratis en internet sobre HTML para aprender desde cero sin conocimientos informáticos. Un ejemplo son todas estas direcciones:


De todas formas muchas veces no es fácil acordarse de todos los atributos que tiene una etiqueta ni cuál es su sintaxis correcta. Así que voy a poner aquí un pequeño resumen de los componentes más básicos:

Enlaces

Para enlazar partes de un mismo documento se utiliza esta sintaxis:
<a name="arriba"><h1>Página de enlaces</h1></a>
<a href="#abajo">Ir abajo</a>
aquí iria un texto en medio.
<a name="abajo"><br></a> <a href="#arriba">Ir arriba</a>
Para enlazar con otros documentos externos:
<a href="http://www.mipagina.com">Visita mi página.</a> Para abrir un correo electrónico:
<a href="mailto:pepito@bienvenidos.es">Escríbeme.</a>.

Listas

Una lista ordenada
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<br><br>
Una lista sin ordenar
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<br><br>
Una lista de glosario
<dl>
<dt>Témino 1</dt>
<dd>Definición 1</dd>
<dt>Témino 2</dt>
<dd>Definición 2</dd>
</dl>
<br><br>
Listas anidadas
<ul>
<li>Uno
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</li>
<li>Dos</li>
<li>Tres</li>
</ul>


Imágenes

<img src="/carpeta/imagen.jpg" width=140 height=210 border=0 alt="una imagen centrada a la derecha" align="right">

Mapas de imágenes

<img src="/carpeta/imagen.jpg" width=140 height=210 border=0 alt="una imagen" usemap="#imagen1">
<map name="imagen1"> <area shape=circle coords="60,56,47" href="#" alt="cabeza"> <area shape=poly coords="3,182,36,178, 44,165,60,169,66,184,62,196, 43,201,35,190,0,193,0,183" href="#" alt="cuerpo"> </map>

Formularios

<form action="mailto:unaprueba" method="post"> campos del formulario que se explican más abajo. </form>

INPUT:
texto: <input type="text" name="nombre">

password: <input type="password" name="contra">

sexo:<input type="radio" name="boton1" value="1"> hombre <input type="radio" name="boton1" value="2">mujer

vehiculo:<input type="checkbox" name="moto" value="si">moto <input type="checkbox" name="coche" value="" checked>coche

SELECT:
<select name="colores" multiple>
<option value="r">rojo
<option value="g">verde
<option value="b">azul
</select>

<select name="colores" size="1">
<option value="r">rojo
<option value="g">verde
<option value="b">azul
</select>

TEXTAREA:
<textarea cols=20 rows=10 name="texto"> </textarea>

BOTONES:
<input type="submit">
<input type="reset">



Para ver un resumen de etiquetas HTML visitar ESTA PÁGINA

Para ver un índice de atributos HTML visitar ESTA PÁGINA o ESTA OTRA.

Para ver un resumen de los eventos de HTML visitar ESTA PÁGINA

Proximanente sacaré también algún resumen sobre javascript y css.

3 comentarios:

LA TIATAN dijo...

WAPA QUE TENGO FOTOS DE FALLAS MAS XULAS, LA PUTADA ES QUE NO SE SOMO ENVIARTELAS.
ALA BESITOS DE TU TIATAN POLITICA
JAJAJAJAJAJAJAJAJAJA
BESOS

Almudena Parra dijo...

Hola!!! No te preocupes que Javi ya me las paso hace tiempo, salimos muy bien, jejejeje.
A ver si puedo entrar en tu espacio y escribirte algun comentario. Muchos besos.

LA TIATAN dijo...

pOS DILE A TU NOVIO QUE TE LLEVE ESTA SEMANA SANTA, SI QUEREIS IR YA ME DECIS QUE YO SE DE CASAS RURALES QUE COBRAN 4 PESETAS Y ESTAN DE COÑA.
NOS VEMOS EN FALLAS ¿NO?