<STARTING CODING>
1. Carpeta.
2. Favicon.
3. VSC + carpeta.
4. index.html
5. Estructura básica.
6. Tres ajustes.
7. body
<MÉTODOS ABREVIADOS>
Ctrl
Crear nueva carpeta.
Win
Mostrar Escritorio.
Ctrl
Abrir carpeta en Visual SC.
TAB
Estructura básica HTML.
<MÉTODOS ABREVIADOS>
Alt
TAB
Conmutar entre ventanas.
Ctrl
Insertar línea en blanco VSC.
Enter
<MÉTODOS ABREVIADOS>
Desplazamiento del Cursor.
Cursor a los extremos.
Fin
Inicio
Cursor una línea arriba/abajo.
<MÉTODOS ABREVIADOS>
Un caracter derecha / izquierda.
Ctrl
Desplaza una "palabra" a la derecha.
Desplazamiento del Cursor.
<MÉTODOS ABREVIADOS>
Selección.
Selecciona un caracter a la derecha.
Selecciona una "palabra" a la derecha.
Ctrl
<MÉTODOS ABREVIADOS>
Ctrl
Ctrl
Nueva carpeta
Ctrl
TAB
Alt
Abrir carpeta en VSC
Conmutar ventana
Desplazar palabra a la derecha
Ctrl
Crear la carpeta del proyecto
Ctrl
<html lang="en">
<html lang="es-CO">
<title>Document</title>
<title>Actualizar...</title>
<link rel="stylesheet" href="">
<link rel="icon" href="favicon.png">
Busque la imagen tipo icono adecuada según el proyecto.
Descargue la imagen en la carpeta del proyecto; cambie el nombre a favicon.
Favorite Icon
TAB
Clic en el ícono Nuevo archivo...
Escriba exactamente index.html
Tab
Codificando HTML - Primeros pasos
Carlos Adolfo Reyes
Created on March 12, 2026
Estos son los pasos que debes seguir cada vez que inicias un proyecto en HTML. En este caso, cada clase.
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Essential Business Proposal
View
Project Roadmap Timeline
View
Step-by-Step Timeline: How to Develop an Idea
View
Artificial Intelligence History Timeline
View
Microlearning: Teaching Innovation with AI
View
Microlearning: Design Learning Modules
View
Video: Responsible Use of Social Media and Internet
Explore all templates
Transcript
<STARTING CODING>
1. Carpeta.
2. Favicon.
3. VSC + carpeta.
4. index.html
5. Estructura básica.
6. Tres ajustes.
7. body
<MÉTODOS ABREVIADOS>
Ctrl
Crear nueva carpeta.
Win
Mostrar Escritorio.
Ctrl
Abrir carpeta en Visual SC.
TAB
Estructura básica HTML.
<MÉTODOS ABREVIADOS>
Alt
TAB
Conmutar entre ventanas.
Ctrl
Insertar línea en blanco VSC.
Enter
<MÉTODOS ABREVIADOS>
Desplazamiento del Cursor.
Cursor a los extremos.
Fin
Inicio
Cursor una línea arriba/abajo.
<MÉTODOS ABREVIADOS>
Un caracter derecha / izquierda.
Ctrl
Desplaza una "palabra" a la derecha.
Desplazamiento del Cursor.
<MÉTODOS ABREVIADOS>
Selección.
Selecciona un caracter a la derecha.
Selecciona una "palabra" a la derecha.
Ctrl
<MÉTODOS ABREVIADOS>
Ctrl
Ctrl
Nueva carpeta
Ctrl
TAB
Alt
Abrir carpeta en VSC
Conmutar ventana
Desplazar palabra a la derecha
Ctrl
Crear la carpeta del proyecto
Ctrl
<html lang="en">
<html lang="es-CO">
<title>Document</title>
<title>Actualizar...</title>
<link rel="stylesheet" href="">
<link rel="icon" href="favicon.png">
Busque la imagen tipo icono adecuada según el proyecto.
Descargue la imagen en la carpeta del proyecto; cambie el nombre a favicon.
Favorite Icon
TAB
Clic en el ícono Nuevo archivo...
Escriba exactamente index.html
Tab