Java
Páginas: 36 (8864 palabras)
Publicado: 20 de febrero de 2013
Introducción a HTML
Cada página web que ves está escrita en un lenguaje llamado HTML. Imagina que HTML es el esqueleto que le da estructura a cada página web. En este curso, usaremos HTML para añadir párrafos, encabezados, imágenes y enlaces a una página web.
En el editor de la parte derecha hay una pestaña llamada test.html. Este es el archivo en el cual escribiremos nuestro HTML. ¿Ves elcódigo con los símbolos de <>? ¡Eso es HTML! Al igual que cualquier otro lenguaje, tiene su propia sintaxis (reglas para la comunicación) especial.
Cuando presionemos Ejecutar, la pestaña de resultados actuará como un navegador de Internet (*p. ej, * Chrome, Firefox, Internet Explorer). ¡La función de un navegador es transformar el código que está en test.html en una página web reconocible! Elnavegador sabe cómo distribuir la página, siguiendo la sintaxis HTML.
HTML Y CSS
HTML significa HyperText Markup Language (lenguaje de marcado de hipertexto). Hipertexto quiere decir "texto que contiene enlaces." ¡Cada vez que haces clic en una palabra que te lleva a una nueva página web, haz hecho clic en un hipertexto!
Un lenguaje de marcado es un lenguaje de programación usado para que eltexto haga más que solamente aparecer en una página; puede convertir el texto en imágenes, enlaces, tablas, listas, y mucho más. El lenguaje de marcado que aprenderemos es HTML.
¿Qué es lo que hace bonita a una página web? Eso es CSS—Cascading Style Sheets (hojas de estilo en cascada). Imagina que es la piel y el maquillaje que cubre los huesos del HTML. Primero aprenderemos HTML, después, en cursosposteriores, nos ocuparemos del CSS.
La primera cosa que debemos hacer es configurar el esqueleto de la página.
a. Escribe siempre <!DOCTYPE html> en la primera línea. Esto le dice al navegador cuál es el lenguaje que está leyendo (en este caso, HTML).
b. Escribe siempre <html> en la segunda línea. Esto comienza el documento de HTML.
c. Escribe siempre </html> en la últimalínea. Esto finaliza el documento de HTML.
<!DOCTYPE html>
<html>
<strong>ola </strong>
</html>
TERMINOLOGIA BASICA
Para aprender más HTML, debemos aprender cómo hablar sobre HTML. Ya viste que usamos mucho los símbolos <>.
1. Las cosas adentro de <> se llaman etiquetas.
2. Las etiquetas casi siempre vienen en pares: una etiqueta de inicio yuna etiqueta de cierre.
3. Un ejemplo de una etiqueta de inicio: <html>
4. Un ejemplo de una etiqueta de cierre: </html>
Imagina que las etiquetas son como paréntesis; cuando abres uno, debes cerrarlo. Las etiquetas también pueden anidarse, así que debes cerrarlas en el orden correcto: la etiqueta abierta más recientemente debe ser la primera que se cierre, como en el ejemplode abajo.
<primera etiqueta><segunda etiqueta>¡Algún texto!</segunda etiqueta></primera etiqueta>
El último ejercicio nos enseñó cómo configurar el archivo HTML. Todo lo que haremos ahora irá en medio de <html> y </html>.
¡La práctica hace al maestro! Una cosa más:
1. Coloca la etiqueta !DOCTYPE HTML.
2. Coloca las etiquetas html deinicio y de cierre.
3. Escribe lo que quieras en medio de las etiquetas html.
SOLUCION:
<!DOCTYPE HTML>
<html>
no se ...
</html>
HAZ LA CABECERA
Todo dentro de nuestro archivo HTML irá en medio de las etiquetas de inicio <html> y de cierre </html>.
El archivo siempre consiste de dos partes: la cabecera y el cuerpo . Vamos a concentrarnos en la cabecera.a. Tiene una etiqueta de inicio y una de cierre.
b. La cabecera incluye información importante, como el título de la página web.
c. El título son las palabras que vemos en la etiqueta (por ejemplo, el título de esta página es "Introducción a HTML").
1. Añade una etiqueta de cabecera de inicio y una de cierre. Consulta la Sugerencia para saber más.
2. En medio de las etiquetas de...
Cada página web que ves está escrita en un lenguaje llamado HTML. Imagina que HTML es el esqueleto que le da estructura a cada página web. En este curso, usaremos HTML para añadir párrafos, encabezados, imágenes y enlaces a una página web.
En el editor de la parte derecha hay una pestaña llamada test.html. Este es el archivo en el cual escribiremos nuestro HTML. ¿Ves elcódigo con los símbolos de <>? ¡Eso es HTML! Al igual que cualquier otro lenguaje, tiene su propia sintaxis (reglas para la comunicación) especial.
Cuando presionemos Ejecutar, la pestaña de resultados actuará como un navegador de Internet (*p. ej, * Chrome, Firefox, Internet Explorer). ¡La función de un navegador es transformar el código que está en test.html en una página web reconocible! Elnavegador sabe cómo distribuir la página, siguiendo la sintaxis HTML.
HTML Y CSS
HTML significa HyperText Markup Language (lenguaje de marcado de hipertexto). Hipertexto quiere decir "texto que contiene enlaces." ¡Cada vez que haces clic en una palabra que te lleva a una nueva página web, haz hecho clic en un hipertexto!
Un lenguaje de marcado es un lenguaje de programación usado para que eltexto haga más que solamente aparecer en una página; puede convertir el texto en imágenes, enlaces, tablas, listas, y mucho más. El lenguaje de marcado que aprenderemos es HTML.
¿Qué es lo que hace bonita a una página web? Eso es CSS—Cascading Style Sheets (hojas de estilo en cascada). Imagina que es la piel y el maquillaje que cubre los huesos del HTML. Primero aprenderemos HTML, después, en cursosposteriores, nos ocuparemos del CSS.
La primera cosa que debemos hacer es configurar el esqueleto de la página.
a. Escribe siempre <!DOCTYPE html> en la primera línea. Esto le dice al navegador cuál es el lenguaje que está leyendo (en este caso, HTML).
b. Escribe siempre <html> en la segunda línea. Esto comienza el documento de HTML.
c. Escribe siempre </html> en la últimalínea. Esto finaliza el documento de HTML.
<!DOCTYPE html>
<html>
<strong>ola </strong>
</html>
TERMINOLOGIA BASICA
Para aprender más HTML, debemos aprender cómo hablar sobre HTML. Ya viste que usamos mucho los símbolos <>.
1. Las cosas adentro de <> se llaman etiquetas.
2. Las etiquetas casi siempre vienen en pares: una etiqueta de inicio yuna etiqueta de cierre.
3. Un ejemplo de una etiqueta de inicio: <html>
4. Un ejemplo de una etiqueta de cierre: </html>
Imagina que las etiquetas son como paréntesis; cuando abres uno, debes cerrarlo. Las etiquetas también pueden anidarse, así que debes cerrarlas en el orden correcto: la etiqueta abierta más recientemente debe ser la primera que se cierre, como en el ejemplode abajo.
<primera etiqueta><segunda etiqueta>¡Algún texto!</segunda etiqueta></primera etiqueta>
El último ejercicio nos enseñó cómo configurar el archivo HTML. Todo lo que haremos ahora irá en medio de <html> y </html>.
¡La práctica hace al maestro! Una cosa más:
1. Coloca la etiqueta !DOCTYPE HTML.
2. Coloca las etiquetas html deinicio y de cierre.
3. Escribe lo que quieras en medio de las etiquetas html.
SOLUCION:
<!DOCTYPE HTML>
<html>
no se ...
</html>
HAZ LA CABECERA
Todo dentro de nuestro archivo HTML irá en medio de las etiquetas de inicio <html> y de cierre </html>.
El archivo siempre consiste de dos partes: la cabecera y el cuerpo . Vamos a concentrarnos en la cabecera.a. Tiene una etiqueta de inicio y una de cierre.
b. La cabecera incluye información importante, como el título de la página web.
c. El título son las palabras que vemos en la etiqueta (por ejemplo, el título de esta página es "Introducción a HTML").
1. Añade una etiqueta de cabecera de inicio y una de cierre. Consulta la Sugerencia para saber más.
2. En medio de las etiquetas de...
Leer documento completo
Regístrate para leer el documento completo.