2. Una página web (o página electrónica, según el término
recomendado por la R.A.E.) es el nombre de
un documento o información electrónica capaz de
contener texto, sonido, vídeo, programas, enlaces,
imágenes, y muchas otras cosas, adaptada para la
llamada World Wide Web, y que puede ser accedida
mediante un navegador.
Pagina
WEb
Esta información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar
navegación (acceso) a otras páginas web
mediante enlaces de hipertexto.
l acceso a las páginas web es realizado mediante una
transferencia desde servidores, utilizando el protocolo de
transferencia de hipertexto
3. LA ESTRUCTURA BÁSICA DE UNA
PÁGINA WEB ES LA SIGUIENTE:
Una estructura HTML se empieza con la
etiqueta <html> y acaba con </html>.
Todo lo que esté en medio será la página
web. Dentro de <html></html> se
encuentran 2 partes diferenciadas.
<html>
<head></head>
<body>
</body>
</html>
La primera <head></head> es la
cabecera de la página. Aquí irán cierta
información que no es directamente el
contenido de la página. Aquí se pone el
título de la página, los
metadatos, estilos, código javascript (todo
esto se estudiará en capítulos venideros).
La primera que se suele estudiar es
<title></title>, que indica el título de la
página (lo que el navegador pone en la
parte superior izquierda).
4. La segunda parte es
<body></body>. Aquí
va propiamente el
contenido de la
página:
fotos, párrafos, formulari
os, etc
<html>
<head>
<title>Esto es el título de la
página.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto itálica.</i><br>
</body>
</html>
6. Estos son
algunos
códigos
HTML
básicos:
- Citas/Aumentar Sangría:
4. Usando la etiqueta HTML para citas (la sangría
aumenta). Ejemplo:
<blockquote>"Este texto es una cita y la sangría ha
aumentado"</blockquote>
DeviantArt lo mostrará así:
"Este texto es una cita y la sangría ha aumentado"
- Negrilla:
1. Usando la etiqueta HTML para negrilla. Ejemplo:
<b>Este texto en negrilla</b>
DeviantArt lo mostrará así:
Este texto en negrilla
2. Usando la etiqueta HTML para subrayado. Ejemplo:
<u>Este texto subrayado</u>
DeviantArt lo mostrará así:
Este texto en subrayado
3. Usando la etiqueta HTML para cursiva. Ejemplo:
<i>Este texto en cursiva</i>
DeviantArt lo mostrará así:
Este texto en cursiva
7. Enlaces/Links.
Alineación del Texto:
- A una página web:
6. Usando la etiqueta correspondiente a los diferentes
tipos de alineación del texto. Ejemplo:
5. Copiando y pegando el enlace directamente a la zona
<div align="center">Este texto centrado</div>
de publicación (Journal, Comentario, etc). Ejemplo:
<div align="right">Este texto a la derecha</div>
www.google.com
<div align="left">Este texto a la izquierda</div>
DeviantArt lo mostrará así:
<div align="justify">Este texto justificado</div>
[link]
DeviantArt lo mostrará así:
5.1 Usando la etiqueda HTML para
enlaces/links. Ejemplo:
<a href="www.google.com">Google</a>
DeviantArt lo mostrará así:
Google
Este texto centrado
Este texto a la derecha
Este texto a la izquierda
Este texto justificado