El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)

Presentación del tema: "El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)"— Transcripción de la presentación:

1 El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...) que van a ser definidas por este lenguaje mediante etiquetas. Cualquier cosa que no sea una etiqueta es parte del documento mismo. Este lenguaje no describe la apariencia del diseño de un documento sino que ofrece a cada plataforma que le de formato según su capacidad y la de su navegador (tamaño de la pantalla, fuentes que tiene instaladas...). Básicamente, los documentos escritos en HTML constan del texto mismo del documento y las etiquetas que pueden llevar atributos. Esto llevado a la práctica, vendría a ser: texto afectado La etiqueta del principio activa la orden y la última (que será la del principio precedida del signo /) la desactiva.

2 El lenguaje HTML Estructura básica de un documento HTML: Cabecera y cuerpo del documento Tres son la etiquetas que describen la estructura general de un documento y dan una información sencilla sobre él. Estas etiquetas no afectan a la apariencia del documento y solo interpretan y filtran los archivos HTML. : Limitan el documento e indica que se encuentra escrito en este lenguaje. : Especifica el prólogo del resto del archivo. Son pocas las etiquetas que van dentro de ella, destacando la del titulo que será utilizado por los marcadores del navegador e identificará el contenido de la página. Solo puede haber un título por documento, preferiblemente corto aunque significativo, y no caben otras etiquetas entro de él. En head no hay que colocar nada del texto del documento. : Encierra el resto del documento, el contenido.

3 El lenguaje HTML Estructura básica de un documento HTML: Cabecera y cuerpo del documento Ejemplo 1 Hola mundo

4 El lenguaje HTML,,...: Titulares. Sirven para dividir el texto en secciones. Se pueden definir seis niveles de titulares, el texto que deseamos que sea un titular se pone entre las etiquetas Titular. Se definen mediante las etiquetas..... hasta..... : Párrafos. Esta etiqueta, en un principio, se diseñó para saltar de párrafo por lo que puede ir sola " " al final de un texto indicando que a continuación se quiere una línea en blanco. : Saltos de línea. Esta etiqueta sirve para realizar un salto de linea, puede poner tantas como desee y realizará un salto de línea por cada una de ellas. : Comentarios. Son directivas que nunca se mostrarán a través del navegador y que le servirán para recordatorios en futuras revisiones del documento. para texto preformateado. Esta etiqueta se emplea para texto escrito en tipo de letra de caja fija (mono-espaciada) y dentro del bloque marcado los saltos de línea sí son respetados.

5 El lenguaje HTML Ejemplo 2 Mi primera página Hola mundo, esta es un página con titular, que tiene también un párrafo y unos cuantos saltos de línea. Uno Dos Tres

6 El lenguaje HTML Fondos y colores de texto El atributo BGCOLOR Este atributo permite escoger un color para el fondo de la página donde "rr" "gg" y "bb" son valores hexadecimales comprendidos entre 00 y FF que especifican el grado de saturación de los colores rojo, verde y azul. El atributo BACKGROUND Este atributo especifica una imagen residente en el servidor la cual se utilizará como fondo de página. El atributo TEXT Permite controlar el color del texto estándar, es decir, todo texto que no especifique un enlace.

7 El lenguaje HTML Fondos y colores de texto Los atributos LINK, VLINK y ALINK Controlan el color de los enlaces: LINK color del enlace que aún no ha sido visitado. ALINK color muy fugaz que aparece cuando se hace clic sobre el enlace VLINK es el color de un enlace que ya ha sido visitado

8 El lenguaje HTML Formato de Texto Lo ideal cuando se trabaja con texto sería poder cambiarlo al tamaño mas adecuado, cambiar de colores y cambiar el tipo de letra. Todo esto se puede hacer gracias a la etiqueta. Cambio de color Para hacerlo vamos a utilizar el parámetro COLOR. La manera de especificarle el color es común a todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando el porcentaje de rojo, verde y azul (código RGB) del mismo. D E G R A D A D O

9 El lenguaje HTML Tamaños del texto El parámetro utilizado para indicar el tamaño es SIZE. Puede utilizarse para indicar tamaños absolutos: SIZE=1 SIZE=2 SIZE=3 SIZE=4 SIZE=5 SIZE=6 SIZE=7 El tamaño por defecto es 3. También se puede utilizar los modificadores + y - para indicar un incremento (o decremento) relativo del tamaño del tipo de letra. Así, por ejemplo, si indicamos que queremos un tamaño de -2 estaremos pidiendo al navegador que nos muestre el tipo de letra dos veces más pequeño. Tamaño 2 Tamaño 6

10 El lenguaje HTML Tipo de letra Por último, podemos especificar el nombre del tipo de letra que queremos utilizar gracias al parámetro FACE. Como en principio no tenemos manera de saber que tipo de letra tiene instalado el ordenador del usuario que está viendo nuestras páginas, podemos indicar más de uno separado por comas. Si el navegador no encuentra ninguno seguirá utilizando el que tiene por defecto: Prueba de Fuentes