Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML 1

    Transféré par

    Vicktor Red
    20 vues30 pages

    Titre original

    HTML 1.pptx

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    20 vues30 pages

    HTML 1

    Transféré par

    Vicktor Red

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 30

    Programa de Capacitación en

    Microsoft Excel – Nivel Básico


    UNIDAD 1 - SESIÓN 4
    Gráficos en Excel.

    TEMAS:
    • Gráficos en Excel.
    SOBRE MI
    • Docente:
    Ing. Luis Judá Zárate Medina

    • Estudios:

    *Escuela Ing. Computación y Sistemas – Universidad Privada Antenor


    Orrego.
    • Correo :
    10437281@@avansys.edu.pe
    judazarate@gmail.com
    LOGRO DE APRENDIZAJE

    Al finalizar la unidad de aprendizaje, el


    estudiante utiliza Tipos y Subtipos de
    Gráficos, para la presentación de
    información profesional.
    HTML
    ¿Cuánto sabes?
     ¿Qué una página WEB?

     ¿Por qué es importante que las


    empresas o instituciones tengan
    una página Web?

     ¿Qué se necesita para tener ésta


    pagina Web?
    ¿Que Aprenderemos?
    Estructura de una Página WEB
    Página Web •Tablas
    • Párrafos
    Estructura •• Encabezados
    Listas
    • Capas
    • Etc.

    • Textos
    Contenido • Imágenes
    • Enlaces

    • Colores • Fondos
    Apariencia • Tipografías
    • Alineación
    •
    •
    Tamaños
    Etc.

    • Efectos
    Comportamiento • Validaciones
    • Automatización
    Estructura de una Página WEB
    ¿Qué es HTML?
     Es un lenguaje de marcas utilizado para el desarrollo de páginas
    web.
     Define la estructura y contenido que debe tener una web.
     No define el estilo visual que tendrá para eso se usará CSS.
     Ha sido establecido como estándar de diseño web por el W3C.
     Los navegadores deben saber interpretar este lenguaje de manera
    correcta (no siempre IE)
     Sobre HTML se desarrollan tecnologías para facilitar a los usuarios
    el diseño de una web.
    Elementos de HTML
    • Los elementos son los componentes fundamentales del
    HTML, En general se conforman con una Etiqueta de
    Apertura y otra Cierre.
    <html> </html>

    • Cuentan con 2 propiedades básicas:


    1. Los Atributos, que se colocan dentro la etiqueta de apertura, y

    2. El contenido, que se coloca entre la etiqueta de apertura y la de cierre.


    Elementos de HTML

    Elemento
    Etiqueta de Apertura Contenido Etiqueta de Cierre

    <p class=“texto”>Hola mundo </p>


    Nombre Valor
    Atributo
    Sintaxis

    Etiquetas vacías
    ELEMENTOS DEL HTML
    Un documento HTML simple
    <!DOCTYPE html>
    <html>
    <head>
    <title>Mi primer titulo de pagina WEB</title>
    </head>
    <body>
    <h1>Mi primer Encabezado</h1>
    <p>Mi primer parrafo.</p>
    </body>
    </html>
    El elemento HTML <head>
    El elemento <head> es un contenedor para metadatos.

    <!DOCTYPE html>
    <html>

    <head>
    <title>My First HTML</title>
    <meta charset="UTF-8">
    </head>

    <body>
    .
    .
    .
    Encabezados HTML
    Títulos HTML se definen con las etiquetas <h1> hasta <h6>:

    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
    Párrafos HTML
    Los párrafos HTML se definen con la etiqueta <p>:

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    Enlaces HTML
    Los enlaces HTML se definen con la etiqueta <a>:

    <a href="https://www.w3schools.com">This is a link</a>


    Imágenes HTML
    Las imágenes HTML se definen con la etiqueta <img>.

    El archivo de origen ( src), el texto alternativo ( alt) width, y height se


    proporcionan como atributos:

    <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">


    Botones HTML
    Los botones HTML se definen con la etiqueta <button>:

    <button>Click me</button>
    Las listas HTML se definen con la etiqueta (lista <ul>no ordenada / viñeta) o <ol>(lista ordenada / numerada), seguidas de las <li>etiquetas (elementos de lista):

    Listas de HTML
    Las listas HTML se definen con la etiqueta <ul> (lista no ordenada / viñeta)
    o <ol> (lista ordenada / numerada), seguidas de las etiquetas <li>
    (elementos de lista):

    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    ATRIBUTOS DE LOS
    ELEMENTOS
    Atributos HTML
    • Todos los elementos HTML pueden tener atributos.
    • Los atributos proporcionan información adicional sobre un elemento
    • Los atributos siempre se especifican en la etiqueta de inicio
    • Los atributos generalmente vienen en pares de nombre / valor como: nombre
    = "valor"
    El atributo href
    Los enlaces HTML se definen con la etiqueta <a>.
    La dirección del enlace se especifica en el atributo href:

    <a href="https://www.w3schools.com">This is a link</a>

    Nota: Un enlace no tiene que ser texto. Puede ser una imagen
    o cualquier otro elemento HTML.
    El atributo src
    Las imágenes HTML se definen con la etiqueta <img>.
    El nombre de archivo de la fuente de la imagen se especifica en el atributo src:

    <img src="img_girl.jpg">
    Los atributos width y height
    Las imágenes en HTML tienen un conjunto de atributos de tamaño , que
    especifica el ancho y el alto de la imagen:

    <img src="img_girl.jpg" width="500" height="600">


    El atributo alt
    El atributo alt especifica un texto alternativo que se utilizará, cuando no se
    puede mostrar una imagen.

    <img src="img_girl.jpg" alt="Girl with a jacket">


    El Atributo estile
    El atributo style se utiliza para especificar el estilo de un elemento, como color,
    fuente, tamaño, etc.

    <p style="color:red">I am a paragraph</p>

    <body style="background-color:powderblue;">

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    El atributo lang
    El idioma del documento puede ser declarado en la etiqueta <html>.
    El idioma se declara con el atributo lang.

    <!DOCTYPE html>
    <html lang="en-US">
    <body>
    ...

    </body>
    </html>
    Aquí, un titleatributo se agrega al <p> elemento. El valor del atributo de título se mostrará como información sobre herramientas cuando pase el mouse sobre el párrafo:

    El atributo title
    Aquí, un atributo title se agrega al elemento <p>.
    El valor del atributo de título se mostrará como información sobre herramientas
    cuando pase el mouse sobre el párrafo:

    <p title="I'm a tooltip">


    This is a paragraph.
    </p>

    Vous aimerez peut-être aussi