programación en html 1
DESCRIPTION
Conceptos iniciales de htmlTRANSCRIPT
PROGRAMACIÓN EN
HTML
ACTIVIDAD 1
Consulta los siguientes términos relacionados con programación web, entrega a tu profesor la consulta y luego participa en la puesta en común del tema:
• HTML
• Browser
• Hosting
• URL
• Dominio
Imagen tomada de http://definición.de
¿Qué es HTML?
HTML significa Hypertext Markup Language(lenguaje de marcado de hipertexto) y es el lenguaje de programación con que están escritas las páginas Web. Los hipertextos se pueden visualizar desde un dispositivo electrónico y en ellos una palabra puede conducir a otra parte del documento o a otros elementos tales como: imágenes, videos, audios u otros hipertextos.En este curso aprenderemos las “palabras” o “etiquetas” ´básicas que conforman el lenguaje HTML
Imagen tomada de http://ayudawordpress.com
Etiquetas
En HTML usamos ETIQUETAS. Estas le indican al browser qué debe mostrar en pantalla o qué acción debe hacer.
Una etiqueta es una palabra clave escrita entre los signos menor que y mayor que. Normalmente se abre y se cierra, de acuerdo a la siguiente estructura:
<Etiqueta> etiqueta de apertura
</Etiqueta> etiqueta de cierre
Imagen tomada de http://www.tiendanube.com
Primeras Etiquetas <!doctype html>
Abre el Bloc de Notas y empieza a escribir el texto que aparece en el recuadro azul (debe ser exacto para evitar errores):
<!doctype html>Esta etiqueta debesescribirla siempre, aliniciar un documentohtml. Le indica al browserque le vamos a hablar eneste lenguaje, para que élpueda entenderlo.Es una de las pocasetiquetas que nonecesitan cerrarse.
Primeras Etiquetas <html>
Abramos y cerremos la etiqueta <html> así:
<!doctype html><html>
</html>
Todo el documento debequedar encerrado entreestas etiquetas.Le estamos diciendo albrowser: aquí empieza yaquí termina nuestrocódigo html.
Primeras Etiquetas <head> y <body>
Un documento html se divide en cabeza y cuerpo, que lo podemos interpretar como encabezado y contenido
<!doctype html><html>
<head></head>
<body></body>
</html>
Dentro de las etiquetas<html> estructuramos eldocumento en <head> y<body>, tal como semuestra en la imagen
Primeras Etiquetas <title>
Escribamos un título para nuestra página (este se visualizará en la pestaña del navegador)
<!doctype html><html>
<head><title> hola mundo </title>
</head>
<body></body>
</html>
Lo que escribas entre lasetiquetas <title> y </title>será el título de tu páginaweb. Observa que unaetiqueta puede cerrarse yabrirse en una mismalínea.El título va ubicadodentro del encabezado(head) del documentohtml.
Primeras Etiquetas <p>
Escribamos párrafos en nuestra página, usando la etiqueta <p>
<!doctype html><html>
<head><title> hola mundo </title>
</head>
<body><p> MIS REFRANES </p>
</body>
</html>
El texto que escriba entrelas etiquetas <p> y </p> semostrará en el contenídode la página como unpárrafo.
ACTIVIDAD 21. Guarda en la carpeta de tu grupo el documento que haz venido
escribiendo, con tu nombre y apellido, seguido de un punto y las letras htm, ejemplo:
Pedro perez.htm
2. Dale doble clic a tu archivo, para que veas en el browser como va quedando.
3. Para editar tu documento, haz clic derecho sobre tu archivo y elige abrir_con… bloc de notas
4. Crea otros tres párrafos y escribe en ellos 3 refranes conocidos que te gusten.
5. Puedes mantener abierto el documento en el bloc de notas y en el browser a la vez. Para visualizar los cambios en el browser guarda en el bloc de notas y presiona F5 en el navegador para actualizar la página.
¡Muchos éxitos!
Webgrafía
• http://apps.co
• http://www.codeacademy.com
• http://www.wikipedia.org
Imagen tomada de grup2-master-tic.wikispaces.com