Presentacion de etiquetas

259 views

Published on

Se presentan etiquetas para hacer paginas "HTML"
Te dejo un link para mas etiquetas:http://crismattweb.tripod.com/guiahtml/etiqueta.html

  • Be the first to comment

  • Be the first to like this

Presentacion de etiquetas

  1. 1. 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.
  2. 2. 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
  3. 3. 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>
  4. 4. 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
  5. 5. 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
  6. 6. 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>
  7. 7. 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
  8. 8. 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>
  9. 9. 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>

×