El documento describe la estructura básica de una página web, incluyendo las etiquetas HTML <html>, <head>, <title>, y <body>. Explica que el contenido de la página va dentro de <body> y que la cabecera con información como el título va dentro de <head>. También proporciona ejemplos básicos de códigos HTML como negrita, cursiva, colores, enlaces e indentación.
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,
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,
formularios, 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