#html – TecnicoTeleco https://tecnicoteleco.com Mi blog de Telecomunicaciones Wed, 07 May 2025 09:47:50 +0000 es hourly 1 https://wordpress.org/?v=5.8.12 https://tecnicoteleco.com/wp-content/uploads/2019/05/cropped-Logo-2-32x32.png #html – TecnicoTeleco https://tecnicoteleco.com 32 32 176905851 Trucos visual studio 1 https://tecnicoteleco.com/visual-studio-code/ https://tecnicoteleco.com/visual-studio-code/#respond Wed, 07 May 2025 09:39:00 +0000 https://tecnicoteleco.com/?p=1795 En el video podrás ver trucos para visual studio code #1.

Al iniciar visual studio code, en vez de escribir todo esto etiqueta por etiqueta 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Prueba a escribir solo ! y pulsa enter. Verás como te aparece directamente la estructura HTML

Atajo para estructura HTML
Atajo para estructura HTML

y verás como te aparece toda la estructura ya escrita.

Atajo para estructura HTML
Atajo ! oara estructura HTML

Es necesario, eso si, que te encuentres en un archivo con extensión HTML. Es decir no sirve que estés en un archivo de texto en el programa, tienes que crear un archivo con extensión HTML

Os dejo un video del canal de youtube con un pequeño tutorial

Esto es gracias a Emmet, una herramienta de productividad incorporada en el programa, que también es disponible en visual studio mediante extensiones. Su función principal es simplificar la escritura de código HTML y CSS mediante abreviaciones que se expanden automáticamente en estructuras completas.

Te invito a probarlo y a seguirme en mi canal de Youtube para seguir viendo tutoriales y noticias de programación

Mi canal de Youtube
Más entradas de programación
]]> https://tecnicoteleco.com/visual-studio-code/feed/ 0 1795