PARRAFOS Y SALTOS DE LINEA:
Párrafos (<p> y </p>) y saltos de línea (<br />)
Cada párrafo va definido entre las etiquetas <p> y </p>.
Para insertar un salto de línea, lo haremos con la etiqueta simple <br />.
La diferencia entre ambos es que br hace un cambio de línea mientras que p inserta una línea en blanco.ENCABEZADOS:
Las cabeceras fueron creadas para representar con tamaño adecuado los títulos y/o subtítulos de una página.
Estos encabezados o cabeceras representan mediante una H (de cabecera - header en inglés) más un número del uno al seis dependiendo de la importancia dentro de nuestro contenido. Las cabeceras son, pues, las siguientes: <h1>, <h2>, <h3>, <h4>, <h5> y <h6>, siendo 1 la cabecera más relevante y 6 la que menos.FORMATO DE TEXTO (Negrita, Cursiva, Subrayado, Tachado):
Las etiquetas básicas para dar estilos negrita, cursiva, subrayado y tachado estandarizado a nuestros textos.
Lamentablemente el estilo de fuente aplicado mediante HTML quedó obsoleto luego de la aparición de CSS, siendo reemplazado por las siguientes propiedades:
<b> </b>, reemplazado por la propiedad CSS font-weight:bold (negrita);
<i> </i>, reemplazado por la propiedad CSS font-style:italic (itálica o cursiva);
<u> </u>, reemplazado por la propiedad CSS text-decoration:underline (subrayado);
<s> </s>, reemplazado por la propiedad CSS text-decoration:line-through (tachado);COLORES Y TIPO DE FUENTE:
La etiqueta <font>
<font> es una etiqueta obsoleta reemplazada por las hojas de estilo. Es común encontrarnos páginas cuyo código aún las incluyen. No es erróneo, pero su uso implicará no cumplir los estándares. Dicha etiqueta incluye atributos como "face" (para especificar el tipo de fuente), "size" (para el tamaño) o color.<font face="arial" size="12px" color="#0088AA">TEXTO CON FORMATO</font>
Los colores basicos son:
#FF0000 - Rojo
#00FF00 - Verde
#0000FF - Azul
Otros colores son:
#FFFFFF - Blanco
#000000 - Negro
INSERTAR UNA IMAGEN
Para insertar una imagen en HTML se hará mediante la etiqueta <img /> (image). Esta etiqueta no posee su cierre correspondiente. Obligatoriamente deberemos especificar el atributo src (source), cuyo valor será la ubicación del archivo de imagen:
<img src="ruta-de-la-imagen" />
La imagen podrá estar ubicada en nuestro servidor o alojada en uno externo. Para indicar la ruta lo haremos de la misma forma que se definió en los enlaces.TAMAÑO:
HTML insertará por defecto la imagen en su tamaño original. Sin embargo, podrá especificarse mediante los atributos width y height una anchura y una altura.
Podremos cambiar el tamaño de la imagen sin distorsionarla especificando únicamente un atributo (width o height).
En caso que quiera distorsionarse deberá definirse una altura o una anchura.
Los valores para estos atributos pueden especificarse en pixeles o en porcentaje. Cuando el tamaño se expresa en porcentaje, el resultado variará dependiendo del navegador:
Ejemplo 1: <img src="ruta-de-la-imagen" width="200px" />
Ejemplo 2: <img src="ruta-de-la-imagen" width="50%" />
Ejemplo 3: <img src="ruta-de-la-imagen" width="200px" height="50px" />
BORDES Y ALINEACIÓN:
BORDES
A las imágenes también se les puede agregar un borde mediante el atributo "BORDER" y especificando el grosor en píxeles.
Por defecto el valor para este atributo es 0, por lo que si no se dice lo contrario no se mostrará ningún tipo de borde.
Ejemplo 1: <img src="ruta-de-la-imagen" border="3px" />ALINEACIÓN DE IMÁGENES
Para alinear las imágenes se empleará el atributo ALIGN (como en el caso de los párrafos).
<img src="ruta-de-la-imagen" align="center" />
