Está en la página 1de 2

GLOSARIO

VS Code
Es un programa editor de código desarrollado por Microsoft. Es personalizable así que los usuarios
pueden cambiar los colores, los atajos del teclado, las preferencias y más. Es compatible con muchos
lenguajes de programación y tiene un conjunto de características que pueden estar o no disponibles
dependiendo del idioma.
Descárgalo aqui.

HTML
Lenguaje de programación utilizado para la creación de páginas web. Se utiliza en conjunto con hojas
de estilo CSS y funciones JavaScript para la creación de un sitio web dinámico e intuitivo.
Para el diseño de las páginas web se utilizan etiquetas que le indican al navegador cómo debe mostrar
el contenido del página web.
Para crear un página web solo debemos crear un nuevo archivo con extensión .html en el VS Code,
luego podemos editar fácilmente estos archivos y ver los resultados inmediatamente en el navegador
con la ayuda de algunas herramientas del editor.

ETIQUETAS
Las etiquetas son código predefinidos para el uso en documentos HTML y se utilizan entre los
signos < … >. La mayoría de las etiquetas tienen una etiqueta de cierre con un signo \ y el mismo
nombre. En el medio de estas etiquetas podemos tener otros elementos como párrafos, listas, tablas,
divisiones, etc.
Las etiquetas pueden tener o no un id que sirve para identificar el elemento a la hora de crear estilos o
funciones en JavaScript; en caso de colocarlo este debe ser único.

Las etiquetas más utilizadas en la creación de páginas web son:

<html>
Encierra todo lo que queremos tener en nuestro página web como configuración del
página, título, párrafos, imágenes, enlaces, etc.
</html>

<head>
Se utiliza para colocar las propiedades del página web como autor, descripción de la
página, título del página web, etc. Estos valores no son visibles al usuario, a excepción
del título de la página web.
</head>

<body>
Estas etiquetas contienen toda la información que queremos desplegar en nuestro web.
Es decir, es todo lo que queremos que el usuario pueda ver o utilizar.
</body>

<div>
Se utiliza para crear divisiones dentro de nuestro página web. Por lo general declaramos
un primer div que envuelve todo nuestro página web.
</div>
<div id="Contenedor"> Etiqueta con id para hacer referencia en CSS o JavaScript.</div>

<p>
Se utiliza para crear párrafos. Tiene un salto de línea automático por lo que al empezar a
escribir en esta instrucción el texto empezará en una nueva línea.
</p>

<h1>
Se utiliza para la creación de títulos. Esta etiqueta automáticamente viene marcada con
negrilla y un salto de línea. Podemos utilizar desde h1 hasta h6 para tener diferentes
tamaños de letra.
</h1>

<a href="Dirección del página web.">Se utiliza para la creación de enlaces y en este espacio
se escribe lo que verá el usuario</a>
Ejemplo:
<a href="www.google.com">Google</a>

<ul>
Se utiliza para crear una lista.
<li> Elemento 1. </li> Se utilizan para crear cada elemento de la lista.
<li> Elemento 2. </li>
</ul>

<img src="Dirección de la imagen" alt="Descripción de la imagen">


Esta etiqueta se utiliza para insertar una imagen en nuestra página web. La imagen debe estar en
la misma carpeta de nuestro archivo .html, de lo contrario debemos especificar la ruta exacta
de dónde se encuentra la imagen. Nota: Esta imagen puede ser una dirección de una imagen
en internet y NO necesita una etiqueta de cierre.

CSS
Son hojas de estilo que utilizamos para mejorar la apariencia de nuestra página web creada con html.
Se utiliza para dar color al fondo, redondear los bordes de un elemento, crear efectos de animación,
cambiar el tipo de letra, posicionar objetos, hacer el página web responsiva, etc.
Dentro de nuestros archivos css utilizamos .nombre_clase (un punto al inicio) para crear una clase que
puede ser utilizada en varios elementos html y así aplicar el mismo efecto para todos.
También podemos utilizar #nombre_id para crear una referencia directa a un solo objeto de nuestro
html.

JavaScript
Es un lenguaje de programación interpretado, por lo que no necesita ser compilado y se puede probar
directamente en nuestros navegadores.
Permite implementar funciones complejas en páginas web como crear contenido dinámicamente,
controlar multimedia, crear animaciones, etc. Básicamente se utiliza para la creación de páginas web
dinámicas.

También podría gustarte