Para hacer una lista de numeración o viñetas, seguiremos los siguientes pasos

El tag <ul> añadirá viñetas, significa lista desordenada, cada elemento de la lista quedará encerrado dentro de los tags de <li></li> dentro de una lista puede haber muchas sublistas. Por defecto, la primera lista aparece con discos (disk) la sublista con circunferencias (circle) y la tercera y sucesivas con cuadrado (square). Si queremos que esto deje de ser así haremos <ul type=square> o cualquier otro

<ul type=square>
También podemos definir la fuente o usar una imagen personalizada:

<ul type=font-family=Wingdings;imgsrc=bullet.gif>

Con font family especificamos la fuente, e image source (imgsrc) significa de donde toma la imagen, o la ruta.

Podemos hacer también una lista numerada, con lista ordenada
<ol> <li></li> </ol>

Podemos personalizar la lista con numeros, letras (A) o números romanos (I) minúsculas o mayúsculas

<ol type=A>

También podemos hacer lista de definiciones
<dl>
Menús
<Menú>
Etc

Tablas

Para crear una tabla la crearemos mediante filas usando el tag <tr> para cada fila y

<td> para cada celda: <table border=1 width=90%> <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>

Con border especificamos el grosor del borde de la tabla, 0 significa sin borde. Podemos también especificar el color (bordercolor=#...) o los bordes con sombras, usaremos un color de luz y otro de sombra (bordercolorlight=#... y bordercolordark...) además podemos añadir un fondo (bgcolor=#) o una imagen(background=x.jpg)

Con tr especificamos que a continuación se definirá una fila

Con td que eso es una celda y puede recibir los atributos de width y height, por supuesto ha de coincidir con las demás en cuanto a altura, y la anchura de la fila que continúa es la misma que la de arriba.

&nbsp significa espacio, ya que una celda no puede estar vacía.

Si queremos combinar dos celdas usaremos el atributo rowspan=2 (si son dos casillas) y colspan si se trata de columnas. Para dividir sólo hace falta añadir más td.

A una celda la podemos tratar por igual, podemos darle color de bordes, fondo etc...

En una tabla podemos añadir no solo texto, sino también cualquier objeto. Además podemos especificar los márgenes de la taba mediante los tags hspace y vspace (h y v se refieren a vertical y horizontal respectivamente) si los queremos desproporcionados los configuraremos individualmente mediante topmargin leftmargin rightmargin etc....

Si lo que deseamos es recuadrar un texto, una imagen o cualquier otra cosa usaremos de nuevo el tag div, esta vez de la siguiente forma:

<div style="border-style: solid; border-width: 1px; padding-left: 4px; paddingright: 4px; padding-top: 1px; padding-bottom: 1px"> ~ </div>