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:
- Completo manual con ejercicios resueltos y ejercicios para hacer en la propia web.
- Manual en linea de HTML desde cero.
- Listado de cursos HTML.
- Todo lo necesario para crear webs desde cero.
- aprender HTML en 10 minutos.
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.
