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

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.