Nuevos Avances en Lenguaje de Marcas - Instalación de plugins en Visual Estudio Code y nuevas etiquetas.

-

El día 10/11/2020 en la clase de lenguaje de marcas hemos instalado diferentes plugins y que facilidades nos aportan al funcionamiento del IDE.

Visual Studio Code permite instalar múltiples plugins que facilitan el desarrollo de programas.
En la barra vertical izquierda hacemos clic sobre el icono correspondiente a Extensiones.

Los diferentes plugins instalados:

  • Open in Browser: esta extensión nos permite abrir el documento en nuestro navegador web, de forma directa desde el código que escribimos en el propio IDE.
  • Ayu: su única función es modificar el tema del propio programa IDE, haciendo al IDE mas modificable visualmente.
  • Color HighLight: sirve para seleccionar y mostrar un color dentro del propio editor.
  • Live Server Preview: lo que hace esta extensión es previsualizar la salida conforme vamos escribiendo y guardando código en el editor.
  • Auto Rename Tag: lo que hace esta extensión es que cuando modificas una etiqueta no hace falta que lo hagas en la en la otra etiqueta correspondiente, el principal objetivo es ahorrarte ese tiempo de modificación.
  • File Icons: visualiza en el EXPLORER cada formato de archivo según un icono.
  • Prettier – Code formatter: lo que hace este plugin es es crearte las estructuras de los diferentes lenguajes en el mismo documento. Desde la estructura de HTML, hasta la estructura de JavaSript.
  • Emmet: este plugin viene por defecto instalado en el IDE, desde mi punto de vista es mas funcional de todos los demás plugings, ya que nos permite generar código muy fácilmente introduciendo en el editor una cierta sintaxis de forma abreviada. Esto facilita mucho la creación de código desde cero.

También aprendimos nuevas etiquetas de HTML, para poder presentar nuevos formatos en nuestra pagina web. Estos nuevos formatos son:

  • Listas   <ul><li></li></ul>
  • Tablas  <table><tr><td></td></tr><table>
He puesto en practica esos nuevos formatos y aquí esta el resultado.


Comentarios

Publicar un comentario

Entradas populares de este blog

Nuevos Avances en Base de Datos - Comando Alter en MySQL.

-
Imagen
 Comando Alter MySQL proporciona la función  ALTER  que nos ayuda a  incorporar los cambios al diseño de la base de datos ya existente  . La sintaxis básica utilizada para agregar una columna a una tabla ya existente se muestra a continuación 1 ALTER TABLE `table_name` ADD COLUMN ` column_name` `data_type`; AQUÍ “ALTER TABLE  table_name  “  es el comando que le dice al servidor MySQL que modifique la tabla llamada  table_name . “ADD COLUMN  column_name   data_type “  es el comando que le dice al servidor MySQL que agregue una nueva columna llamada ‘column_name’ con el tipo de datos’ data_type ‘.
Leer más

Nuevos Avances en Lenguaje de Marcas - Nuevas etiquetas CSS (Position).

-
Imagen
Etiqueta Position La propiedad position de CSS especifica cómo un elemento es posicionado en el documento. Las propiedades top, right, bottom, y left determinan la ubicación final de los elementos posicionados. Un elemento posicionado es un elemento cuyo valor computado de position es relative, absolute, fixed, o sticky. (En otras palabras, cualquiera excepto static). Un elemento posicionado relativamente es un elemento cuyo valor computado de position es relative. Las propiedades top y bottom especifican el desplazamiento vertical desde su posición original; las propiedades left y right especifican su desplazamiento horizontal. Un elemento posicionado absolutamente es un elemento cuyo valor computado de  position es absolute o fixed. Las propiedades top, right, bottom, y  left especifican el desplazamiento desde los bordes del bloque contenedor del elemento. (El bloque contenedor es el ancestro relativo al cual el elemento está posicionado). Si el elemento tiene márgenes, se ...
Leer más