HTML
|
Estimad@ Aprendiz, Observe el Vídeo Atentamente y Conteste:
1. Qué es HTML? 2. Qué Define HTML? 3. Qué se necesita para crear etiquetas HTML? 4. Cuál es la Extensión que debemos Utilizar para Guardar un archivo WEB? 5. Que aplicación interpreta HTML? Realice Un Documento WORD y envíelo con estas preguntas Desarrolladas a su Instructor . |
Estructura básica HTML
La estructura básica se compone de tres elementos, el primero de ellos es el elemento “html”, este elemento indica que estamos generando un archivo de marcado de hipertexto y se usa con una etiqueta <html> de apertura y una </html> de cierre.
<head> --> Apertura de la cabecera del documento. </head> <body> --> Apertura del cuerpo del documento. </body> Descargar NOTEPAD ++ e instalar en el computador
|
HTML se compone de etiquetas, la mayoría se abren y se cierran, por ejemplo <html> y </html>
El HEAD es la cabeza del documento, aquí va el titulo y otras etiquetas especiales que veremos luego. El BODY es el cuerpo del documento, y aquí va todo el contenido. Con <h1> creamos un titulo grande, existe desde <h1> el más grande, hasta <h6> el más pequeño.
Luego de Instalar Notepad, Seguidamente , Abrir NOTEPAD Introduce en el documento en blanco, el siguiente texto :
<html> <head> <title>MI PRIMERA PAGINA</title> </head> <body bgcolor="#FFCC99"> <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font> </body> </html> |
Guarda el archivo como "pagina1.html" (las extensiones ".htm" o ".html" tienen el mismo significado y nos indican que se trata de un archivo HTML).
<head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
<title>Mi primera página Web</title> --> Título de la página.
</head> --> Cierre de la cabecera del documento.
<body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.
Hola a todos. --> Texto que va a ser mostrado por el navegador.
</body> --> Cierre del cuerpo del documento.
</html> --> Cierre del archivo HTML
La primera etiqueta del archivo es <html>. Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos </html>. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.
Luego vemos la etiqueta <head>. Lo que sigue a continuación hasta su cierre </head>, es la cabecera del documento y no se muestra en la pantalla. Aquí colocamos información tal como el título de la página(<title>Mi primera página Web</title>), palabras claves para los motores de búsqueda, una descripción de la página y otros datos del documento.
Entre las etiquetas <body> y </body> se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla, como por ejemplo, "Hola a todos.".
Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura por llevar "/"antes del nombre.
- Luego Abre el navegador Internet(Internet Explorer, Firefox o Chrome, Opera, etc.).
- Selecciona "File" o Archivo y luego "Open" o Abrir.
- Se abrirá una ventana, ubica el archivo que acabas de guardar -"pagina1.html"- elígelo y presiona "Open" o Abrir
- Ahora tú ves la dirección, por ejemplo "C:\My Documents\pagina1.html". Presiona "OK" y el navegador mostrará la página recién creada.
<head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
<title>Mi primera página Web</title> --> Título de la página.
</head> --> Cierre de la cabecera del documento.
<body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.
Hola a todos. --> Texto que va a ser mostrado por el navegador.
</body> --> Cierre del cuerpo del documento.
</html> --> Cierre del archivo HTML
La primera etiqueta del archivo es <html>. Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos </html>. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.
Luego vemos la etiqueta <head>. Lo que sigue a continuación hasta su cierre </head>, es la cabecera del documento y no se muestra en la pantalla. Aquí colocamos información tal como el título de la página(<title>Mi primera página Web</title>), palabras claves para los motores de búsqueda, una descripción de la página y otros datos del documento.
Entre las etiquetas <body> y </body> se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla, como por ejemplo, "Hola a todos.".
Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura por llevar "/"antes del nombre.