Panorama de los lenguajes básicos: HTML, CSS, Java

Name: Panorama de los lenguajes básicos: HTML, CSS, Java
Author: Matthew Brown

Este capítulo presentará el lenguaje de marcado de hipertexto (HTML) y las hojas de estilo de contenido (CSS). Este capítulo también presentará el lenguaje de…

Preview the first lesson free — get full access to all 6 lessons.

Solicitar una demo Iniciar sesión

Curso: bajo demanda

Hola, soy el Dr. Brown. Y en este capítulo, vamos a echar un vistazo a los conceptos básicos de HTML, o lenguaje de marcas de hipertexto, CSS, hojas de estilo en cascada, y una introducción a la programación Java. Comencemos con una mirada al lenguaje de marcado de hipertexto, que es la base de todos los sitios web construidos hoy. HTML es un lenguaje de marcado de texto que consta de una serie de etiquetas definidas. Estas etiquetas se utilizan para estructurar el contenido de una página web. Usaremos el editor Notepad++ como se muestra aquí para crear nuestra primera página web. Las páginas HTML tienen una estructura definida que utiliza una serie de etiquetas abiertas y cerradas que se utilizan para marcar el texto para ser mostrado en nuestro sitio web. Comenzaremos por afirmar qué tipo de documento estamos creando utilizando la etiqueta DocType HTML. Así que hemos ingresado el especificador DocTyped como un documento HTML. Todas las etiquetas están encerradas en un símbolo de intercalación abierto y cerrado. A continuación, ingresaremos la siguiente etiqueta, que es la etiqueta HTML, que incorpora el cuerpo de nuestra página web. Como se indicó anteriormente, todas las etiquetas de apertura tienen una etiqueta de cierre. Todas las etiquetas de cierre tienen el prefijo de barra inclinada, por lo que los contenidos del resto de nuestro sitio web estará dentro de esta etiqueta HTML abierta y cerrada. A continuación, especificaremos que tenemos un cuerpo para esta página web. usando la etiqueta Body. Recuerde, todas las etiquetas de contenido debe tener una etiqueta de apertura y cierre. A medida que construimos los contenidos de nuestra página web, todos esos contenidos se incluirán dentro del cuerpo. A continuación, queremos cambiar el color de fondo de nuestra página web. del blanco al azul polvo. Así que estableceremos el color de fondo del atributo de estilo. dentro de la etiqueta Body a azul claro. Entonces, lo que hemos hecho está dentro de la etiqueta Body, hemos establecido el color de fondo del atributo de estilo a azul polvo. Ahora estamos listos para comenzar a poner texto en nuestra página web. Así que vamos a ingresar el texto esta es mi primera página web, pero lo ingresaremos como encabezado de Nivel 1 utilizando una etiqueta de encabezado de nivel 1. Y también centraremos este texto en nuestra página. mediante el uso de la etiqueta Centro. Muy bien, entonces vemos aquí, tenemos la etiqueta H1, encabezado 1, la etiqueta de encabezado H1 de cierre. Tenemos la etiqueta del Centro, que centrará este texto en nuestra página, y la etiqueta del Centro de cierre. Puedo apilar etiquetas en una sola línea. Solo tenemos que recordar que nuestras etiquetas de cierre será en orden inverso. Ahora queremos ingresar otra línea de texto como un encabezado de Nivel 2 utilizando la etiqueta de encabezado de Nivel 2. También queremos centrar esto también. Este texto dirá, oh el camino abierto. Como vemos aquí, tenemos un encabezado de Nivel 2 que está centrado. El texto dirá, oh el camino abierto. Tenemos nuestra etiqueta de centro de cierre seguido de nuestra etiqueta de encabezado 2 de cierre. Por último, queremos introducir una imagen en nuestra web porque ningún sitio web está completo sin alguna imagen. Entonces usaremos la imagen JPEG de la carretera incluidos en los materiales del curso, y lo centraremos en la página también. Estableceremos el atributo de origen de la imagen. así como el texto alternativo, el ancho, y la altura de la imagen. La imagen tiene que estar en la misma carpeta. como donde se guarda la página web para poder encontrarla. Muy bien, vamos a ver que tenemos el centro, de nuevo, para centrar el atributo de la imagen. La fuente está configurada en carretera, ese JPEG. El texto alternativo será carretera. El ancho será de 500, y la altura será de 600. Y estos están en píxeles. Ahora estamos listos para guardar y ejecutar nuestra nueva página web. Tenemos que asegurarnos de guardar la página web. como un documento HTML. Así que cambiaremos nuestro tipo Guardar como a HTML. Y vamos a llamar a esto Mi Primera Página Web. Y podemos guardar el archivo. Una cosa que hace Notepad++ si destaca algunas de sus palabras clave, como estilo, fuente, alt, ancho y alto, le permite saber que ha formateado esto correctamente. Así que ahora ejecutaremos nuestra primera página web. Tenemos que localizar el archivo que guardamos, y tenemos que cambiar el tipo de archivo a Todos los archivos para que encuentre nuestro archivo HTML. Y elegimos MyFirstWebPage.html. Y podemos ver que hemos creado nuestra primera página web. Tenemos el texto del encabezado del Nivel 1 que dice Esta es mi primera página web. Tenemos el texto del encabezado del Nivel 2, Oh The Open Road, y tenemos nuestra imagen centrada en nuestra página. Gracias por unirte. A continuación, se nos presentarán las hojas de estilo en cascada. y su uso en nuestro desarrollo web.

Principiante Proveedor : Matthew Brown 6 lecciones · 37m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

Este capítulo presentará el lenguaje de marcado de hipertexto (HTML) y las hojas de estilo de contenido (CSS). Este capítulo también presentará el lenguaje de programación Java utilizando una interfaz CLI e IDE. El capítulo también enseñará a los estudiantes cómo incorporar páginas Java JSP en un sitio web.

Lo que aprenderás

Escribir HTML básico para estructurar páginas web y aplicar fundamentos de diseño web
Usar Hojas de Estilo de Contenido (CSS) e incorporarlas en páginas web
Construir programas Java básicos usando tanto una interfaz CLI como una IDE
Desarrollar aplicaciones Java con el IDE Java NetBeans
Incorporar páginas Java JSP en un sitio web
Ejecutar programas Java desde sitios web HTML

Puntos clave

El curso introduce HyperText Markup Language (HTML) y Hojas de Estilo de Contenido (CSS) para diseño web.
Cubre el lenguaje de programación Java usando tanto una interfaz de línea de comandos (CLI) como una IDE.
Los estudiantes practican el flujo de trabajo de Java IDE usando NetBeans.
El curso enseña cómo incorporar páginas Java JSP en un sitio web.
Las lecciones demuestran la ejecución de programas Java desde sitios web HTML.

Preguntas frecuentes

¿Qué temas cubre este curso?

Introduce HyperText Markup Language (HTML) y Hojas de Estilo de Contenido (CSS), y el lenguaje de programación Java usando tanto una interfaz CLI como una IDE, incluida la incorporación de páginas Java JSP en un sitio web.

¿Qué habilidades adquiriré con este curso?

Aprenderás codificación HTML básica, uso básico de CSS y cómo escribir programas Java básicos tanto en una CLI como en una IDE, cubriendo lenguajes de marcado y lenguajes de scripts Java.

¿Enseña este curso Java en una IDE específica?

Sí. El curso enseña Java usando el IDE Java NetBeans además de una interfaz de línea de comandos (CLI).

¿Aprenderé cómo conectar Java a un sitio web?

Sí. El curso enseña cómo incorporar páginas Java JSP en un sitio web y cómo ejecutar programas Java desde sitios web HTML.