viernes, 13 de abril de 2018



TALLER HTML






TUTORIAL HTML:






¿Que es background?: La propiedad background es un atajo para definir los valores individuales de una unica regla CSS. Se puede usar background para definir los valores de una o de todas las propiedades siguientes: background-attachment,color, imagen, position, repeat. Ejemplo.

<body background="URL"></body>

¿Que es bgcolor?: El atributo bgcolor es usado para determinar el color de fondo de un párrafo, tabla o cualquier otra parte del HTML. Es recomendable el uso moderado de esta etiqueta. También es recomendable establecer los colores de fondo y los estilos de texto o links, con la ayuda de CSS. Explicaremos con mas detalles cómo puede hacerse eso en un tutorial CSS posterior. Ejemplo

<body bgcolor=color deseado en ingles>

¿Que es un hipervinculo?: Los enlaces o hipervínculos, también llamados hipertextos son los textos o los objetos sobre los que podemos hacer clic para que nos lleven a otra parte del documento, a otra página web en el mismo sitio o a otra página de Internet, entre otras funciones.

El atributo más importante de la etiqueta <a> es href , que se utiliza para indicar la URL a la que apunta el enlace. Cuando el usuario pincha sobre un enlace, el navegador se dirige a la URL del recurso indicado mediante href. Las URL de los enlaces pueden ser absolutas, relativas, internas y externas.

¿Que es una tabla?: Las tablas mas sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.

A continuación se muestra el codigo HTML de una tabla sencilla:

<html> <head><title>Ejemplo</title></head> <body> <h1>Ejemplo</h1> <table> <tr> <td>Ejemplo</td> <td>Ejemplo</td> <td>Ejemplo</td> </tr> <tr> <td>Ejemplo</td> <td>Ejemplo</td> <td>Ejemplo</td> </tr> <tr> <td>Ejemplo</td> <td>Ejemplo</td> <td>Ejemplo</td> </tr> <tr> <td>Ejemplo</td> <td>Ejemplo</td> <td>Ejemplo</td> </tr> </table> </body> </html>

¿Que es una fuente?: La propiedad font-family se usa para establecer una lista ordenada de fuentes que se usarán para mostrar un elemento determinado o una página web. Si la primera fuente de la lista no está instalada en el ordenador desde el que se accede al sitio, se seguirá probando con la siguiente fuente hasta encontrar una fuente apropiada.

Para clasificar las fuentes se usan dos tipos de nombres: nombres de una familia y familias genéricas. Estos dos términos se explican a continuación.

La diferencia se puede ilustrar así:




Al listar fuentes para el sitio web, por supuesto se empieza por la preferida, seguida ésta de algunas fuentes alternativas. Se recomienda completar la lista con una familia de fuentes genérica. Así, al menos, la página se mostrará usando una fuente de la misma familia si ninguna de las especificadas están disponibles.

¿Que es body?: El cuerpo de un documento HTML es la parte central de una página web, este se define por medio de la etiqueta BODY. En este artículo nos centraremos a hablar de esta etiqueta, sus atributos y propiedades.

De las dos partes en que se divide un documento HTML (HEAD y BODY), BODY es la segunda. BODY es la etiqueta usada para indicar el cuerpo de un documento HTML, es la parte donde se describe el contenido de la página (su estructura, su forma, sus colores, texto, y todo lo visual), su inicio lo indica la etiqueta <body> y su final con la etiqueta </body>, se escribe así:

<html>
<head>
</head>
<body>
Todo lo que esté aquí pertenece al body
Aquí va el diseño de la página y su contenido
</body>
</html>

<HTML>: Limitan el documento e indica que se encuentra escrito en este lenguaje.

<HEAD>: Especifica el prologo del resto del archivo. Son pocas las tags que van dentro de ella, destacando la del titulo <TITLE> que sera utilizado por los marcadores del navegador e identificara el contenido de la pagina. Solo puede haber un titulo por documento, preferiblemente corto aunque significativo, y no caben otras tags dentro de el. En head no hay que colocar nada del texto del documento.

<BODY>: Encierra el resto del documento, el contenido.

No hay comentarios:

Publicar un comentario

PLANOS FOTOGRAFICOS Este blog cumple con el objetivo de realizar algunos planos fotográficos como propuesta de trabajo de la clase de ...