SALTO DE LINEA <br> 
Sirve para dar un salto de línea envés de apretar intro 
Se coloca la etiqueta <br>; la etiqueta no precisa ninguna 
etiqueta de cierre . 
EJEMPLO: 
Queridos usuarios, 
Tengo el placer de comunicaros que hay una nueva sección. 
HABRIA QUE ESCRIBIR: 
Queridos usuarios, <br> tengo el placer de comunicaros que 
hay una nueva sección.
SEPARADORES <hr> 
Para insertar una regla horizontal hay que insertar la 
etiqueta <hr> dicha etiqueta no precisa de cierre. 
Es preciso especificar los nuevos atributos de la regla 
horizontal. 
Atributo Significado Posibles valores 
Align Alineación de la 
regla dentro de la 
pagina 
Left(izqierda) 
Width Ancho de la regla 
Size Alto de la regla 
noshade Eliminar el 
sombriado de la 
regla
FORMATEAR EL TEXTO <font> 
Las propiedades del texto pueden modifiarse a través 
de la etiqueta <font>, podemos insertar el texto entre 
las etiquetas <font> y </font>. 
Atributo Significado Posibles valores 
Face Fuente Nombre de la fuente, o fuentes 
Color Color del texto Nimero haxadecimal o texto predefinido 
Size Tamaño del texto Valores de 1 al 7, siendo por defecto el 3, o 
desplazamiento respecto al tamaño por 
defecto, añadiendo + o – delante del valor 
EJEMPLO: 
<font color =“#993366” size=“4” face=“Comic sans, MS,arial, Ms sans 
serif#>Bienvenidos a www.misitio web.com</font>
RESALTADO DEL TEXTO <br> 
Existen una serie de etiquetas que permiten aplicar 
diferentes estilos de texto que se encuentran entre 
ellas, y generalmente se utilizan para resaltarlo. 
Etiqueta Significado Ejemplo 
<b> Negrita Curso HTML aulaclic 
<i> Cursica Curso HTML aulaclic 
<u> Subreayado Curso HTML aulaclic 
<s> Tachato Curso HTML aulaclic 
<tt> Telepetico(maquina de escribir) Curso HTML aulaclic 
<big> Aumenta el tamaño de la fuente Curso HTML aulacli 
<small> Disminuye el tamaño de la fuente Curso HTML aulaclic
Estas son algunas etiquetas asociadas al tipo de información: 
Etiqueta Significado Ejemplo 
<cite> Cita Curso HTML aulaclic 
<code> Ejemplo de código Curso HTML aulaclic 
<dfn> Definicion Curso HTML aulaclic 
<del> Eliminado Curso HTML aulaclic 
<em> Enfasis Curso HTML aulaclic 
<ins> Insertado Curso HTML aulaclic 
<kbd> Teclado Curso aulaclic 
<samp> Muestra Curso HTML aulaclic 
<strong> Destacado Curso HTML aulaclic 
<sub> Subindice Curso 퐻푇푀퐿 aulaclic 
<sup> Superindece Curso 퐻푇푀퐿 aulaclic 
<var> Variable Curso HTML aulaclic
PARAFOS <P> 
El texto de una pagina puede agruparse en párrafos con la 
siguiente etiqueta <p> y </p>, te hacen el cambio de línea 
automáticamente. 
EJEMPLO: 
Bienvenidos a mi página. 
Aquí encontraras cursos de información muy importantes. 
Se debe poner: 
<p align=“center”>Bienvenido a mi página.</p> 
<p>Aquí encontraras cursos de forma muy interesante.</p>
TABLAS 
Para insertar una tabla hay que insertar las etiquetas 
<table> y </table> y habrá que especificar el numero de 
filas y columnas que habrá en tabla. 
Imagen y texto 
COLUMNA 
Texto dentro de una celda 
FILA CELDA
FILA <tr> 
Es necesario insertar las etiquetas <<tr> y </tr> por cada de 
las filas de la tabla. Deberan insertarse entre las etiquetas 
<table> y </table>. 
Para crear una tabla con cinco filas escribiríamos: 
<table> 
<tr>…</tr> 
<tr>…</tr> 
<tr>…</tr> 
<tr>…</tr> 
<tr>…</tr> 
</table>
COLUMNA O CELDA <td> 
Para hacer una tabla no basta con especificar con el 
numero de filas sino también las columnas, paraello se 
ponen las etiquetas <td> y </td>. 
Sabado domingo 
Curso HTML Curso Dreamweaver 
Para poner las columnas de la tabla pasada habría que escribir: 
<table border=“1”> 
<tr> 
<td>Sabado</td> 
<td>Domingo</td> 
</tr> 
<tr> 
<td>Curso HTML</td> 
<td>Curso Dreamweaver</td> 
</tr> 
</table>

Presentacion de etiquetas

  • 2.
    SALTO DE LINEA<br> Sirve para dar un salto de línea envés de apretar intro Se coloca la etiqueta <br>; la etiqueta no precisa ninguna etiqueta de cierre . EJEMPLO: Queridos usuarios, Tengo el placer de comunicaros que hay una nueva sección. HABRIA QUE ESCRIBIR: Queridos usuarios, <br> tengo el placer de comunicaros que hay una nueva sección.
  • 3.
    SEPARADORES <hr> Parainsertar una regla horizontal hay que insertar la etiqueta <hr> dicha etiqueta no precisa de cierre. Es preciso especificar los nuevos atributos de la regla horizontal. Atributo Significado Posibles valores Align Alineación de la regla dentro de la pagina Left(izqierda) Width Ancho de la regla Size Alto de la regla noshade Eliminar el sombriado de la regla
  • 4.
    FORMATEAR EL TEXTO<font> Las propiedades del texto pueden modifiarse a través de la etiqueta <font>, podemos insertar el texto entre las etiquetas <font> y </font>. Atributo Significado Posibles valores Face Fuente Nombre de la fuente, o fuentes Color Color del texto Nimero haxadecimal o texto predefinido Size Tamaño del texto Valores de 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o – delante del valor EJEMPLO: <font color =“#993366” size=“4” face=“Comic sans, MS,arial, Ms sans serif#>Bienvenidos a www.misitio web.com</font>
  • 5.
    RESALTADO DEL TEXTO<br> Existen una serie de etiquetas que permiten aplicar diferentes estilos de texto que se encuentran entre ellas, y generalmente se utilizan para resaltarlo. Etiqueta Significado Ejemplo <b> Negrita Curso HTML aulaclic <i> Cursica Curso HTML aulaclic <u> Subreayado Curso HTML aulaclic <s> Tachato Curso HTML aulaclic <tt> Telepetico(maquina de escribir) Curso HTML aulaclic <big> Aumenta el tamaño de la fuente Curso HTML aulacli <small> Disminuye el tamaño de la fuente Curso HTML aulaclic
  • 6.
    Estas son algunasetiquetas asociadas al tipo de información: Etiqueta Significado Ejemplo <cite> Cita Curso HTML aulaclic <code> Ejemplo de código Curso HTML aulaclic <dfn> Definicion Curso HTML aulaclic <del> Eliminado Curso HTML aulaclic <em> Enfasis Curso HTML aulaclic <ins> Insertado Curso HTML aulaclic <kbd> Teclado Curso aulaclic <samp> Muestra Curso HTML aulaclic <strong> Destacado Curso HTML aulaclic <sub> Subindice Curso 퐻푇푀퐿 aulaclic <sup> Superindece Curso 퐻푇푀퐿 aulaclic <var> Variable Curso HTML aulaclic
  • 7.
    PARAFOS <P> Eltexto de una pagina puede agruparse en párrafos con la siguiente etiqueta <p> y </p>, te hacen el cambio de línea automáticamente. EJEMPLO: Bienvenidos a mi página. Aquí encontraras cursos de información muy importantes. Se debe poner: <p align=“center”>Bienvenido a mi página.</p> <p>Aquí encontraras cursos de forma muy interesante.</p>
  • 8.
    TABLAS Para insertaruna tabla hay que insertar las etiquetas <table> y </table> y habrá que especificar el numero de filas y columnas que habrá en tabla. Imagen y texto COLUMNA Texto dentro de una celda FILA CELDA
  • 9.
    FILA <tr> Esnecesario insertar las etiquetas <<tr> y </tr> por cada de las filas de la tabla. Deberan insertarse entre las etiquetas <table> y </table>. Para crear una tabla con cinco filas escribiríamos: <table> <tr>…</tr> <tr>…</tr> <tr>…</tr> <tr>…</tr> <tr>…</tr> </table>
  • 10.
    COLUMNA O CELDA<td> Para hacer una tabla no basta con especificar con el numero de filas sino también las columnas, paraello se ponen las etiquetas <td> y </td>. Sabado domingo Curso HTML Curso Dreamweaver Para poner las columnas de la tabla pasada habría que escribir: <table border=“1”> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> </table>