miércoles, 25 de noviembre de 2015

Enlace para moverse por la página

Supongamos que queremos crear un enlace que nos lleve a un punto determinado de la página.

Lo primero será colocar nuestro enlace origen. Lo pondremos en donde queramos que aparezca y lo escribiremos del siguiente modo:


  • <a href="#moverse">AQUI_EL_TEXTO</a>



Por ejemplo:


  • <a href="#moverse">Ir a las categorías</a>




Como podéis ver, el contenido del enlace es el texto "Ir a las categorías", es un punto de la misma página que todavía no hemos definido. Ojo al símbolo #; es él quien especifica al navegador que el enlace apunta a una sección en particular.


En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre moverse para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma página. En este caso, la etiqueta que escribiremos será ésta:


  • <a name="moverse"></a>


Esta etiqueta la pondremos en el lugar que queramos que se dirija



Si quieres editar el texto mirate: http://codigoshtmlparatumblr.blogspot.com.es/2015/11/editar-el-texto-con-html.html




Editar el texto con HTML

El texto que queramos editar iría entre las dos etiquetas, por ejemplo:

<b>negrita</b>

<i>cursiva</i>

<big>texto grande</big>

<small>texto pequeño</small>


Elemento b 
(bold = negrita) muestra el texto en negrita.
Sus etiquetas son: <b> y </b> (ambas obligatorias)

Elemento i 
(italic = itálica) muestra el texto en cursiva.
Sus etiquetas son <i> y </i> (ambas obligatorias)

Elemento tt 
Muestra el texto con caracteres monoespaciados (máquina de escribir).
Sus etiquetas son <tt> y </tt> (ambas obligatorias)

Elemento big 
(big = grande) aumenta el tamaño del texto seleccionado.
Sus etiquetas son: <big> y </big> (ambas obligatorias)

Elemento small 
(small = pequeño) reduce el tamaño del texto seleccionado.
Sus etiquetas son: <small> y </small> (ambas obligatorias)

Elemento u 
(underlined = subrayado) Subraya el texto seleccionado.
Sus etiquetas son: <u> y </u> (ambas obligatorias)

Elemento sup 
(sup = super) Convierte el texto seleccionado en superíndice, por ejemplo: E=mc2.
Sus etiquetas son: <sup> y </sup> (ambas obligatorias)

Elemento sub 
(sub = por debajo) Convierte el texto seleccionado en subíndice, por ejemplo:texto normal, texto en subíndice.
Sus etiquetas son: <sub> y </sub> (ambas obligatorias)

Elemento strike 
(strike = roto) Convierte el texto seleccionado en tachado, por ejemplo:Texto tachado.
Sus etiquetas son <strike> y </strike> (ambas obligatorias)


Tamaño y tipo de letra

FACE

<font face="Verdana">Este texto tiene otra tipografía</font>

Este texto tiene otra tipografía

SIZE

<font size=4>Este texto es más grande</font>

Este texto es más grande


Alinear texto

Si deseásemos introducir un texto alineado a la izquierda escribiríamos:

<p align="left">Texto alineado a la izquierda</p>

Texto alineado a la izquierda

Para una justificación al centro:

<p align="center">Texto alineado al centro</p>


Texto alineado al centro
Para justificar a la derecha:

<p align="right">Texto alineado a la derecha</p>


Texto alineado a la derecha