En el Block de Notas no podemos escribir el texto conforme queremos que se visualize en el navegador, para ello es necesario utilizar unas etiquetas determinadas que nos permitirán ír diseñando nuestra Web. de acuerdo con nuestro gusto y nesecidad.

Empezaremos con decir que el tipo de letra que elijamos no debe ser excentrica, ya que no todos los oredenadores que visualicen nuestra Web. seguramente la tendran, y en tal caso será el ordenador el que elija la letra, de este modo el usuario no llegaría a ver nuestro trabajo exactamente como lo queremos mostrar.

Empezaremos por hablar de los encabezados, para ello utilizaremos las etiquetas siguientes:

ETIQUETA HI...H2...H3.....H6 : Con estas etiquetas especificaremos el tamaño del encabezado o del texto de nuestro documento. Ejemplo:

<h1> TUTORIAL HTML </h1>

<h6> TUTORIAL HTML </h6>

Los cambios de tamaño de letra harán salto de linea aunque no se le indique

Otras etiquetas que también nos servirán para determinar el tamaño de la letra son:

<BIG> TEXTO GRANDE </BIG>

TEXTO PEQUEÑO

ETIQUETAS DE FORMATO FUENTE: Para seleccionar el tipo de letra que utilizaremos podemos utlizar algunas etiquetas que nos especificarán el formato:

NEGRITA:

---TEXTO---

---TEXTO---

ITALICA:

---TEXTO---

CURRIER:

<TT>---TEXTO---</TT>

SUBRAYADO:

---TEXTO---

TACHADO:

<STRIKE>---TEXTO---</STRIKE>

ETIQUETA BR: Esta etiqueta nos hará el salto de linea, no es necesario especificar etiqueta de cierre y se puede utilizar cuantas veces deseemos para hacer los saltos de linea. Ejemplo:

TUTORIAL BASICO DE HTML

UNA MANERA SENCILLA DE CREAR UN DOCUMENTO WEB.

ETIQUETA FONT: Con esta etiqueta también podemos especificar los valores del texto que deseamos escribr en nuesta Web.

Dentro de la etiqueta <FONT>--------------- Especificaremos las cualidades del texto:

Los atributos de esta etiqueta son los siguientes:

FACE: Nos permite elegir el tipo de letra que utilizaremos, para elegir un tipo de letra o podemos ir en la parte superior izquierda en el Blok de notas y en el menú FORMATO, hallaremos el apartado FUENTE, aquí encontraremos los tipos de letra que tiene nuestro ordenador escogeremos un nombre lo copiaremos y lo pegaremos en nuestra etiqueta así, ejemplo:

-------TEXTO--------</FACE>

SIZE: Este atributo nos permite elegir el tamaño de letra que pondremos a nuestro texto. Los tamaños van numerados del 1 al 6, siendo el 6 la letra más pequeña y 1 la mas grande. De este modo la etiqueta sería así, ejemplo:

-------TEXTO----------</FACE>

COLOR: Este atributo nos permite especificar el color del texto que queremos escribir, este se pondrá entre las comillas y precedido por almohadilla; consta de seis caracteres. (si queremos ampliar el tema de los colores podemos consultar el apartado dedicado a ello), la etiqueta nos quedaría así, ejamplo:

--------TEXTO------</FACE>

Si especificaramos todos los atributos dentro de la etiqueta FACE nos quedaría así, ejemplo:

----------TEXTO-------

Este metodo es ideal para aplicarlo al contenido de un parrafo, o texto que pondremos dentro de una tabla o capa o alguna frase en concreto, ya que dentro de la etiqueta BODY, como lo vimos anteriormente también podremos elegir el tamaño color y formato de la fuente que utilizaremos en nuestro documento.

ETIQUETA PRE: Todo lo que escribamos dentro de esta etiqueta quedará tal y como lo hayamos escrito en el Block de Notas, espacios, saltos de linea, tabulaciones, etc. Ejemplo:

<PRE> CASA-----ESPACIOS------MESA------ESPACIOS------</ PRE>

ETIQUETA BLOCKQUOTE: En esta etiqueta encerraremos una cita o un parrafo pequeño, esto servira para que aparezca sangrado (centrado, con margenes en izquierda y derecha ). Si añadimos varias veces la etiqueta conseguireos una sangria mas grande.Ejemplo:

<BLOCKQUOTE>----PARRAFO-----</BLOCKQUOTE>

<BLOCKQUOTE> <BLOCKQUOTE>---------------------PARRAFO------------------</BLOCKQUOTE> </BLOCKQUOTE

ETIQUETA P: Esta etiqueta nos permite crear un parrafo y hace los saltos de linea correspondientes y al utilizarla nos dejará una linea en blanco de separación con el texto que veniamos escribiendo. Esta etiqueta posee el siguiente tributo:

ALIGN: que nos permite alinear el parrafo a nuestro gusto o nesecidad dentro de nuestro documento según el tac correspondiente:

ALIGN=LEFT: Justifica el texto a la izquierda.

ALIGN=RIGHT: Justifica el texto a la derecha.

ALIGN=CENTER: Centra el texto en la página.

ALIGN=JUSTIFIC: Nos permite justificar el texto.

De tal manera nuesto codigo se veria así, Ejemplo:

-----------TEXTO----------

ETIQUETA HR: Esta etiqueta nos permite crear una linea divisoria dentro de nuestro documento para separar el encabezado, algún texto de otra clase de contenido como puede ser una imagen, una tabla etc. Al igual que la etiqueta BR no tiene etiqueta de cierre. Tiene varios atributos que veremos a continuación:

NOSHADE: Elimina el efecto de sombra de la linea

WIDTH: Permite definir la longitud de la linea

SIZE: Permite definir el grosor de la linea.

Estas definiciones pueden ser especificadas en pixeles o en porcentaje. Ejemplo:

ALIGN=CENTER: Nos permite ubicar nuestra linea divisoria en el centro del documento

ALIGN=RIGHT: Nos permite ubicar nuestra linea a la derecha

ALIGN=ALEFT: Nos ubicará nuestra linea en el lado izquierdo

COLOR: Esta etiqueta especificará un color para nuestra linea, recordemos que los colores se especifican entre comillas y con un numero hexagesimal precedido por almohadilla. Si quisieramos aplicar todos los atributos al definir nuestra linea, quedaría así, Ejemplo:

ETIQUETA CENTER: Por ultimo veremos la etiqueta CENTER, esta nos permite centrar todo tipo de objeto que sen encuentre encerrado dentro, una imágen, un bloque de texto, una tabla, una capa etc. Ejamplo

<CENTER>---------------TEXTO---------------</CENTER>

TUTORIAL HTML

ESCRITURA

(Hipertex markup language)