Este documento describe las etiquetas HTML para formato de texto, tablas, párrafos y saltos de línea. Incluye etiquetas como <br> para saltos de línea, <p> para párrafos, <table> para crear tablas, y <td> y <tr> para filas y celdas de tablas. También cubre etiquetas para cambiar el estilo de texto como <b>, <i>, <font>, así como etiquetas para resaltar y citar texto.
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>
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
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 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
7. 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>
8. 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
9. 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>
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>