CSS

LA WEB

 Es un sistema interconectado de páginas públicas accesibles a través de Internet (art. en inglés). La Web no es lo mismo que el Internet: la Web es una de las muchas aplicaciones construidas sobre Internet.

¿Qué entiende por página web?

 Una página web, página electrónica, página digital o ciber-página, es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, hipervínculos y muchas otras cosas, adaptada para la llamada Word Wide Web, y que puede ser accedida mediante un navegador web.                                                                                                                                                          

¿Qué es una URL?

 Es el mecanismo usado por los navegadores para obtener cualquier recurso publicado en la web. URL significa Uniform Resource Locator (Localizador de Recursos Uniforme). Una URL no es más que una dirección que es dada a un recurso único en la Web. En teoría, cada URL valida apunta a un único recurso.

HTML (LENGUAJE DE MARCADO DE HIERTEXTO)

 HTML (lenguaje de marcas de hipertexto, del inglés hypertext markup language) es el componente más básico de la web. define el significado y la estructura del contenido web. ... HTML utiliza "marcas" para etiquetar texto, imágenes y otro contenido para mostrarlo en un navegador web. 

CARACTERISTICAS DE HTML 

• Puede ser creado y editado con cualquier editor básico de textos.

 • Es multiplataforma, o sea, puede ser visualizado por cualquier navegador de cualquier sistema operativo. 

• No diferencia entre mayúsculas y minúsculas. 

• Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y demás elementos en la pantalla del ordenador. 

• Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin. 

• Lenguaje estático. • Es utilizado para la creación de páginas web. 

• Los documentos HTML son documentos de hipertexto que aparecen enlazando a otros documentos.

 • Es un estándar reconocido por todo el mundo y cuyas normas define un organismo sin ánimo de lucro llamado world wide web, más conocido como w3c.

LISTAS ORDENANDAS EN HTML 

A menudo es interesante presentar las cosas en forma de listas. Podemos escoger entre tres tipos de listas: • Listas Desordenadas (no numeradas) 

• Listas Ordenadas (Numeradas) 

• Listas de definición Las listas desordenadas Sirven para presentar cosas que, por no tener un orden determinado, no necesitan ir presididas por número.

PASATIEMPO FAVORITO

• futbol
• videojuegos

Listas ordenadas Sirven para presentar datos en un orden determinado. Su estructura:

PASATIEMPO FAVORITO

Listas de definición Como su nombre indica, son propiedades para glosarios (o definiciones de términos). Su estructura

ENLACES 

La característica que más ha influido en el espectacular mundo de la web ha sido, aparte de su carácter multimedia, la posibilidad de unir los distintos documentos repartidos por todo el mundo por medio de enlaces de hipertexto. 

Estructura de un enlace: PALABRA RESERVADA 

Tipos de enlace 

• Enlaces dentro de la misma pagina 

• Enlaces con otra pagina

 • Enlaces con una página fuera de nuestro sistema 

• Enlaces con una dirección e-mail

Enlaces dentro de la misma página:

 A veces, en el caso del documento muy extenso, nos puede interesar dar un salto desde una posición a otra determinada. 

Enlace con otra página: Por lo general en un diseño es que tengamos varias páginas, una inicial y otras conectadas con ellas. 

Enlace con una página fuera de nuestro sistema: Si queremos enlazar con una página que este fuera de nuestro sistema, es necesario conocer su dirección completa o URL.

 Enlace con una dirección e-mail También podemos enlazar a una dirección email y se hace de la siguiente manera: ENLACE 

TABLAS EN HTML

 Las tablas parecen un modo sencillo de disponer en texto en columnas o quizás de añadir un titular a una ilustración. La etiqueta puede ser una poderosa herramienta de formato. Se pueden hacer, por ejemplo, no mostrar el borde de una tabla en absoluto. También se puede hacer uso de la etiqueta para ubicar texto e imágenes con precisión.

ESTRUCTURA DE UNA TABLA Es la etiqueta general que engloba todas las tablas Permite crear las filas a utilizar en la tabla. Permite formar cada una de las celdas de la tabla thead> 

Títulos o encabezados de la tabla. 

 Cuerpo de la tabla También tenemos la etiqueta:

 Es el titulo general de la tabla

Contenidos de las celdas 

Solo se ha puesto hasta ahora texto normal dentro de las distintas celdas, Pero se puede poner en ellas cualquier otro elemento de los que van en un documento HTML.

 Ejemplo: -Enlaces -Imágenes -Títulos 

Posicionamiento del contenido dentro de la celda

 Al centro A la derecha A la izquierda

IMÁGENES 

La etiqueta que nos sirve para insertar una imagen es: Imagen de fondo Para insertar una imagen de fondo se utiliza el atributo background dentro de la etiqueta body. Ejemplo  

 Dimensiones de las tablas WIDTH=“60%” HEIGAHT=“200”