Web guneak egiteko html kodea eskura edukitzeko modu erraz bat.

Comienzo, cabecera, título.

< html>< head>
< title> Izenburua < /title>
< /head>
< body bgColor=#dce0cf
Color de fondo de la página.
link=#000000 vLink=#606941>
Color de enlace y de enlace visitado.

Cuerpo de la web. Tablas.

< center>
Centra todo el contenido de forma horizontal a artir de aquí.
< table
Para decidir cuánto de ancho va a tener el contenido, creo una tabla de un acho específico que yo decido. Y le pongo los bordes a cero y colores como el del fondo para que no se vea.
border=0
Los bordes de la tabla, a cero.
cellSpacing=2 cellPadding=5
Espacop entre celdas, y espacio entre la pared de la celda y el contenido.
width=750> El ancho de la tabla.
< tbody
Empieza el contenido de la tabla.
< tr> Empieza la primera línea.
< td bgColor=#e2e8d0
La primera cela de la primera fila y el color de fondo de la celda.
bodercolor=#000000 bordecolorLight=#ff00ff bordercolorDark=#00ff00
Los colores de los bordes de la celda.
valing="top"
el contenidod e la celda se situará a partir de la parte superior de la celda.
colspan=2 rowspan=2
Conbinar celdas en horizontal, y en vertical. El número es la cantidad de celdas a conbinar.
width="100" height="100"
Ancho y altura de una celda.
background="txalupatxo.gif">
Fondo de la celda una foto.

Texto.

< p style="margin=top: 0xp; margin-botom: 0px"
Empieza un párrafo.
style="text-indent: 15px"
Sangrar la primera línea del párrafo 15 píxeles.
align=center
Alinear el párrafo horizontalmente en el centro.
align=left
Alinear el párrafo horizontalmente a la izquierda.
align=right
Alinear el párrafo horizontalmente a la derecha.
align=justify
Justificar el párrafo.
< font size=2 face="Century Gothic" color="#606941">
Letra, tamaño de letra, tipo de letra, color de letra.
< u>< /u> < b>< /b> < i>< /i>
Subrayado, negrita y cursiva.

Enlaces.

< a href="okietagur.wencindario.com"> gora gu ta gutarrak < /a>
Enlace hacia nuestra web, y para pinchar el nombre de nuestra web.
target="_blank"
El enlace se abre en una pestaña o ventana nueva, según esté configurado el navegador.
< a href="mailto:okietagur@okietagur.eus">contacto< /a>
Enlace a un email, en vez de a una página web.
< a href="javascript:history.back(1)">atrás - atzera< /a>
Ir una página atrás en la navegación.

Fotos y demás.

< img border=0 src="txalupa.gif" width=50 heigh=50>
Poner una foto. Borde la foto, dirección de la foto, anchura y altura de la foto.
< br>
Cambiar de párrafo pero el sangrado de la primera línea se pierde.
& nbsp;
Espacio extra.
< hr color=3606941 width=75 size=1>
Una barra. Color, anchura (largo) y tamaño (grosor).

< html>gora gu ta gutarrak>< head>
< title>< /title>
< /head>
< body bgColor=#dce0cf link=#000000 vLink=#606941>
< center>
< table border=0 cellSpacing=2 cellPadding=5 width=750>
  < tbody>
  < tr>
    < td bgColor=#e2e8d0 bodercolor=#000000 bordecolorLight=#ff00ff bordercolorDark=#00ff00
     valing="top" colspan=2 rowspan=2 width="100" height="100" background="txalupatxo.gif">
       < p style="margin=top: 0xp; margin-botom: 0px" style="text-indent: 15px" align=justify>
       < u>subrayado< /u> < b>negrita< /b> < i>cursiva< /i>
       < a href="okietagur.wencindario.com" target="_blank"> gora gu ta gutarrak< /a>
       < a href="mailto:okietagur@okietagur.eus">contacto< /a>
       < a href="javascript:history.back(1)">atrás - atzera< /a>
       < img border=0 src="txalupa.gif" width=50 heigh=50>
       < br>
       < hr color=3606941 width=75 size=1>
       < /font>< /p>
     < /td>
   < /tr>
   < /tbody>
< /table>< /center>< /body>< /html>