UNIVERSIDAD JEAN PIAGET

MATERIA: Herramientas Tecnológicas y Digitales I

3.1.- Tags Básicos en HTML.

3.1.1.- TAG <img>.

Permite colocar una imagen en una página web. A continuación se describe la sintaxis
del tag y sus principales atributos.

<img
alt="alternative text"
class="class name(s)"
id="unique alphanumeric identifier"
name="unique alphanumeric identifier"
src="URL of image"
style="style information">

CSS para Imágenes: Introducción a CSS – CAP 8.

3.1.2.- Tag de Listas Desordenadas.

Permite crear una lista con viñetas.

<ul> </ul> Define el inicio de la lista

<li> </li> Define los elementos de la lista (items).

<ul>
<li>Elemento uno</li>
<li>Elemento uno</li>
<li>Elemento uno</li>
</ul>

CSS para Listas: Introducción a CSS – CAP 9.

3.1.3.- Tag de Listas Ordenadas.

Permite colocar una lista con numeración.

<ol> </ol> Define el inicio de la lista

<li> </li> Define los elementos de la lista (items).

<ol>
<li>Elemento uno</li>
<li>Elemento uno</li>
<li>Elemento uno</li>
</ol>

M.C. Adrián García García

UNIVERSIDAD JEAN PIAGET
MATERIA: Herramientas Tecnológicas y Digitales I
CSS para Listas: Introducción a CSS – CAP 9.

3.1.4.- Tags Para Tablas.

Permite dibujar una tabla utilizando filas, columnas y celdas.

<table> </table> Define el cuerpo de la tabla.

<tr> </tr> Define una fila de la tabla.

<td> </td> Define una celda de la tabla, por lo general se encuentra dentro de un <tr>

Ejemplo de tabla.

<table>
<tr> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> </tr>

</table>

Equivale a:

<table>

<tr>

<td> </td>
<td> </td>
<td> </td>

</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>

</table>

CSS para Listas: Introducción a CSS – CAP 10

3.1.5.- Tags Para Hipervínculos.

M.C. Adrián García García

UNIVERSIDAD JEAN PIAGET
MATERIA: Herramientas Tecnológicas y Digitales I

El tag <a href> se utiliza para volver un texto o imagen un hipervínculo. Algunos
ejemplos de la sintaxis del hipervínculo son:

Ejemplo de vínculo a otra página.

<A HREF="http://www.htmlpoint.com">Visita HTMLpoint</A>

Ejemplo de vínculo a un frame.

<A HREF="http://www.htmlpoint.com" TARGET="_new">Visita HTMLpoint</A>

Ejemplo de vínculo en un mismo documento.

Etiquetado de la sección a la que apunta el hipervínculo:

<A NAME="ancora"> 

Sintaxis del hipervínculo con referencia a la etiqueta anterior.

<A HREF="#ancora">Visita HTMLpoint</A>

Ejemplo de vínculo a otra página existente.

<A HREF="name_file.htm#ancora">Visita HTMLpoint</A>

CSS para Hipervinculos: Introducción a CSS – CAP 7.

M.C. Adrián García García