Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Cib Cómo Usar Visual Studio Code

    Cargado por

    Germain ROJAS
    9 vistas12 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    9 vistas12 páginas

    Cib Cómo Usar Visual Studio Code

    Cargado por

    Germain ROJAS

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 12

    ¿Cómo usar Visual Studio Code?

    Año 2021

    Estructura básica de toda página web

    - Cree en el escritorio la carpeta AEW_Semana_03 y dentro de ella cree las


    carpetas audios, css, docs, imagenes, paginas y videos
    Uso de Visual Studio Code

    - Ingrese a Visual Studio Code

    doble clic

    - Seleccione File / Open Folder…

    - Ubique la carpeta AEW_Semana_03

    - Pulse el botón [Seleccionar carpeta]


    - Cierre la pestaña Welcome

    clic

    - En la subcarpeta paginas haga clic derecho y seleccione New File

    clic derecho

    clic
    - Digite Ejemplo.html y luego [Enter]

    - En la fila 1 digite html:5

    clic
    - Observe el código autogenerado

    - Pulse [Ctrl][S] para grabar

    - Pulse [F5] para ejecutar el programa

    - Seleccione el navegador Chrome y observe la ejecución

    clic
    - Cierre el navegador

    - Seleccione Run / Add Configuration…

    - Elija por defecto el navegador Chrome

    - Observe que se ha creado la subcarpeta .vscode que contiene al archivo de


    configuración launch.json

    clic

    - A partir de ahora el programa será ejecutado automáticamente en el navegador


    Chrome
    Etiquetas básicas

    Título <title>

    - Cambie el texto Document por:


    Ejemplo

    - Pulse [Ctrl][S] para grabar los cambios


    - Pulse [F5] para ejecutar el programa

    Encabezados <h1> … <h6>


    - Digite <h1> y a continuación el texto:
    Curiosidades

    - Digite <h2> y a continuación el texto:


    Palabras que se forman con las mismas letras

    Línea horizontal <hr>


    - Digite <hr>
    Salto de línea <br>
    - Digite <br>

    Párrafo <p>

    - Digite <p> y a continuación el texto:


    Veamos

    Comentario <!-- -->


    - Digite <!-- Juguemos con las letras -->

    Lista ordenada <ol>

    - Digite <ol>
    - Digite <li>CAMARON.- crustáceo marino o de agua dulce</li>
    - Digite <li>CARMONA.- municipio español de la provincia de Sevilla</li>
    - Digite <li>MANCORA.- balneario del Perú</li>
    - Digite <li>MARCONA.- localidad minera del Perú</li>
    - Digite <li>MONARCA.- jefe de una etnia o de un país</li>
    - Digite </ol>
    Lista desordenada <ul>
    - Digite <ul>
    - Digite <li>CAMARON.- crustáceo marino o de agua dulce</li>
    - Digite <li>CARMONA.- municipio español de la provincia de Sevilla</li>
    - Digite <li>MANCORA.- balneario del Perú</li>
    - Digite <li>MARCONA.- localidad minera del Perú</li>
    - Digite <li>MONARCA.- jefe de una etnia o de un país</li>
    - Digite </ul>
    Textos:

    - Enfatizado <em>
    - Reforzado <strong>
    - Reforzado + enfatizado <strong> <em>

    - Pulse [Ctrl][S]
    - Pulse [F5]
    Estilos básicos en línea

    Color de fondo
    - Lleve el mouse al interior de la etiqueta <body>
    - Pulse la barra espaciadora <body >
    - Digite la letra s <body s>
    - Seleccione style <body style=””>
    - Dentro de las comillas pulse la letra b <body style=”b”>
    - Seleccione background-color y elija cadetblue

    Color de texto alineado al centro


    - Lleve el mouse al interior de la etiqueta <h1>
    - Pulse la barra espaciadora <h1 >
    - Digite las letras st <h1 s>
    - Seleccione style <h1 style=””>
    - Dentro de las comillas pulse la letra c <h1 style=”c”>
    - Seleccione color y elija blue <h1 style=”color: blue;”>
    - Digite la letra t <h1 style=”color: blue;t”>
    - Seleccione text-align y elija center

    Alineación del párrafo

    - Agregue el siguiente párrafo con el estilo indicado

    - Pulse [Ctrl][S]
    - Pulse [F5]
    “Ser tenaz en nuestro trabajo es hacerlo con esfuerzo, ahínco y dedicación.”
    MP

    También podría gustarte