Lenguaje HTML/Texto con estilo

De Wikilibros, la colección de libros de texto de contenido libre.
← Formateo de texto Texto con estilo Listas →


Elementos de estilo[editar]

Nos sirven para indicar cómo queremos que se muestre el texto; podemos dividirlos en dos categorías: Los que modifican texto entre dos etiquetas y Los que modifican el texto que les sigue.

Los que modifican texto entre dos etiquetas[editar]

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)

* La diferencia entre las etiquetas <b> , <strong> , <i> y <em> puede encontrarse en el apartado anterior

Elemento tt
Muestra el texto con caracteres monoespaciados.
Sus etiquetas son <tt> y </tt> (ambas obligatorias)
Resultado del uso de esas etiquetas: Este texto está escrito entre dos etiquetas <tt>
Resultado del ese mismo texto sin etiquetas: Este texto está escrito sin etiquetas <tt>
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)

Los que modifican el texto que les sigue[editar]

  • Elemento FONT

Descripción: El elemento <FONT> puede servirnos para cambiar la fuente del texto que escribimos, el tamaño, el color...
Por ejemplo:
<FONT face="Comic Sans MS"> Mi texto en Comic Sans </FONT> quedaría:
Mi texto en Comic Sans.
Para cambiar la fuente del texto tendrías que poner <FONT face="FUENTE DEL TEXTO"> el texto </FONT> , la fuente tiene que estar instalada en tu ordenador, si quieres puedes poner más de una fuente por si no reconoce la primera, por ejemplo: <FONT face="Comic Sans MS, Verdana, Script MT Bold"> texto </FONT>, así, si no reconoce la primera fuente, pasará a la segunda, y si no, a la tercera.

Para cambiar el tamaño del texto el código es: <FONT size="1"> y el tamaño será según el número que indiques.

Para cambiar el color tienes que poner este código:<FONT color="*">; el asterisco lo pongo porque hay 2 formas de poner el color, 1: poner el nombre del color en inglés, blue, red... o en el color hexadecimal correspondiente por el color poniendo antes una almohadilla (#), por ejemplo #660033.

  • Elemento INPUT

La tag <input> define la introducción de variables. Junto a esta tag encontraremos los siguientes atributos:

   type="" Indicará el tipo de variable a introducir.
          text Indica que el campo a introducir será un texto. Sus atributos:
                maxlenght="" Seguido de un valor que limitará el número máximo de carácteres a introducir en ese campo.
                size="" Seguido de un valor que limitará el numero de carácteres a mostrar en pantalla.
                value="" Indica que no hay valor inicial del campo.
          Password Indica que el campo a introducir será una palabra de paso. Mostrará asteriscos en lugar de letras escritas. Sus atributos serán los mismos que para text.
          Checkbox El campo se elegirá marcando de entre varias opciones una casilla cuadrada.
                value="" Entre comillas se indicará el valor de la casilla.
                checked La casilla aparecerá marcada por defecto.
          Radio El campo se elegirá marcando de entre varias opciones una casilla circular.
                value="" Entre comillas se indicará el valor de la casilla.
          Image El campo contendrá el valor en coordenadas del punto de la imagen que haya pinchado. Atributo obligatorio:
                src="" Entre comillas escribiremos el nombre del archivo de imagen.
          hidden El visitante no puede modificar su valor ya que no está visible. Se manda siempre junto al atributo value= seguido de su valor entre comillas.
   Name="" Indicará el nombre que se asigna a un determinado campo.
= formularios =

<form action="mailto:unaprueba" method="post">
	Texto:
	<input type="text" name="nombre">
	<br />
	Password:
	<input type="password" name="contra">
	<br />
	Sexo:
	<input type="radio" name="boton1" value="1">
	Hombre
	<input type="radio" name="boton1" value="2">
	Mujer
	<br />
	Vehiculo:
	<input type="checkbox" name="Moto" value="Si">
	Moto
	<input type="checkbox" name="Coche" value="" checked>
	Coche

	<br />
	<br />
	<input type="submit">
	<input type="Reset">
</form>