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 World 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
Listas ordenadas
Sirven para presentar datos en un orden determinado
Su estructura:
PASATIEMPO FAVORITO
-
- Su estructura:
Listas de definición
Como su nombre indica, son propiedades para glosarios (o definiciones de
términos).
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:
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
Ejemplo:
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:
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
Dimensiones de las tablas
WIDTH=“60%”
HEIGAHT=“200”
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.
.
