HTMLyCSS

Html y css
1.0x

HTMLyCSS

Created 2 years ago

Duration 0:02:49
lesson view count 9
Select the file type you wish to download
Slide Content
Tags: Html y css
  1. Slide 1

    • “DISEÑO Y ELABORACIÓN DE PÁGINAS WEB”
    • INTEGRANTES:
    • Noriega Pazos Viridiana Elizabeth
    • Aparicio Medina Maria Isabel
    • •HTML
    • •CSS
  2. HTML

    Slide 2 - HTML

  3. ¿QUÉ ES HTML?

    Slide 3 - ¿QUÉ ES HTML?

    • HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  4. ESTRUCTURA

    Slide 4 - ESTRUCTURA

    • <HTML>
    • <HEAD> <TITLE></TITLE>
    • </HEAD>
    • <BODY>
    • </BODY>
    • </HTML
  5. ETIQUETAS

    Slide 5 - ETIQUETAS

    • HTML
    • Dentro de ella va todo el contenido de la página <html>
    • HEAD
    • Su función es para poder enlazar JavaScript o Css
    • TITLE
    • La función de esta etiqueta es para poner el titulo de la página web
    • BODY
    • Aquí se incluye el contenido de la página web como:
    • -párrafos
    • -imágenes
    • -videos
    • -tablas
    • -links
  6. Slide 7

    • CSS
  7. ¿QUE ES CSS?

    Slide 8 - ¿QUE ES CSS?

    • Sus siglas significan -> Hojas de estilo en Cascada
    • Se usa para darle diseño a las páginas web como
    • Cambiar el tipo de fuente, tamaño, color, insertar imágenes y poderles cambiar el tamaño y la posición en que la quieres.
  8. CSS EN HTML

    Slide 9 - CSS EN HTML

    • Para enlazar un documento CSS con html ponemos lo siguiente:
    • <link rel=“stylesheet”type=“text/css”href=“CSS/ejemplo.css”>
    • Esto va dentro de head
    • HTML
    • Dentro de body agregamos un identificador.
    • Parrafo <p id=“Ejemplo”> o <p class=“Ejemplo”>
    • Y en css lo reconocerá por la palabra que hallas escrito.
  9. Slide 10

    • Ejemplo:
    • <p id=“Ejemplo”> Diseño y elaboración de paginas web </p>
    • CSS
    • #Ejemplo{color:aqua;Font-family:Century Gothic;}
    • Dentro de CSS pones la palabra que le hallas puesto al texto para identificarlo.
  10. GRACIAS!! 

    Slide 11 - GRACIAS!! 