Está en la página 1de 4

CLASE 2

Caracteres Especiales

Caracteres en Ingles

Enlaces

Enlaces Externos
En código HTML

<a href=”http://google.com”>Enlace a Google</a>


Enlaces Locales
Sintaxis de los enlaces locales

<a href=”ruta”>Texto_del_enlace</a>

Enlaces Internos
Aquellos que llevan a otra parte de la misma página. Constan de 2
partes

Origen: <a href=”#apartados3”>Ir al apartado</a>

Destino: <a name=”apartado3”>Apartado 3</a>

Listas

No ordenadas
Código HTML

<p>………</p>
<ul>
<li>………</li>
<li>………</li>
<li>………</li>
<li>………</li>
</ul>

Cambiar estilo de viñetas

<ul type=”square”>……</ul>

Square, circle, disc, none

Ordenadas
<p>……..</p>
<ol>
<li>………</li>
<li>………</li>
<li>………</li>
</ol>

Cambiar estilo con el atributo type=”…”


De definición
<p>……..</p>
<dl>
<dt>……</dt>
<dd>…..</dd>
<dt>……</dt>
<dd>…..</dd>
</dl>

Insertar una imagen


<img src=”………” alt=”……..”/>

Tamaño de la imagen
Width=”…” height=”…”

Alineación de la imagen
align=”…” (center, right, left)

Bordes y márgenes
Atributo border=”…” y adicionar atributo vspace=”…” y hspace=”…”

Imágenes de fondo
<body background=”…”>

Tablas
Etiqueta: <table>……</table>

Etiqueta de fila: <tr>…</tr>

Etiqueta de celda: <td>…</td>

Etiqueta de cabecera de tabla: <th>…</th>

Etiqueta de titulo: <caption>…</caption>

Alineación
<tr valign=”…” (top, bottom, middle)>
Separación entre celdas
Atributo cellspacing=”…”

Atributo cellpadding=”…”

Color de fondo y bordes


Atributo bordercolor=”…”

Atributo bgcolor=”…”

Formatos de audio
.wav
.au
.mid
.mp3
.rmp

Formatos de video
.avi
.wmv
.mov
.mp4
.divx

Audio con Chrome


<audio autoplay loop>
<source src=”….wav”/>
<source src=”….wav”/>
<source src=”….wav”/>
</audio>

Video
<embed src=”…” autostart=”…” loop=”…”/>

También podría gustarte