Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Listas

    Cargado por

    Lauro Mora
    1 vistas5 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, 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 PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    1 vistas5 páginas

    Listas

    Cargado por

    Lauro Mora

    Copyright:

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

    Aprendiendo HTML

    Añadir una imagen


    Para añadir una imagen, primero tenemos que saber dónde está ubicada, el nombre exacto de la carpeta donde se encuentra, y el nombre exacto de
    la imagen, por ejemplo, imaginemos que tenemos dentro de la carpeta imágenes, otra que se llama, paisajes y dentro de ésta la imagen que
    queremos colocar, que se llama: Tigre.jpg . Así que deberíamos escribir lo siguiente:

    <body>

    <h1> Selva de Ecuador </h1>


    <img src="Tigres.jpg" >
    </body>

    NOTA: Además podemos colocar los atributos alt para proporcionar un texto alternativo en el caso de que el navegador tenga desactivada la
    presentación de imágenes o para personas que naveguen con algún tipo de tecnología asistencial tal como lector de pantalla y title para que al
    dejar el cursor sobre nuestra imagen, se pueda ver el título de la misma.

    <img src="Tigres.jpg" alt="Animal poderoso ">

    O depende de donde la quiera alinear … Lado derecho (Right) o izquierdo (Left), dándole el alto y ancho de la imagen

    <img src="imagenes/1.jpg" alt="Animal frondozo" width="150" height="150" align ="right" />


    Aprendiendo HTML
    Crear listas Listas ordenadas
    Hay 3 tipos de listas en HTML: no ordenadas, ordenadas y listas de definiciones:
    Listas no ordenadas:
    Se crean de la siguiente manera:
    Listas ordenadas:
    Se crean de la misma forma que la anterior
    pero cambiando ul por ol de la siguiente
    Listas no ordenadas manera:
    <ul>
       <li> Primer elemento </li> <ol>
       <li> Segundo elemento </li>    <li> Primer elemento </li>
       <li> Tercer elemento </li>    <li> Segundo elemento </li>
       <li> Cuarto elemento </li>    <li> Tercer elemento </li>
    </ul>     <li> Cuarto elemento </li>
    </ol>  
    La etiqueta <ul> se utiliza para
    crear una lista no ordenada y la La etiqueta <li> representa un elemento de
    etiqueta <li> se utiliza para crear lista en una lista ordenada (<ol>)
    cada elemento de la lista.
    Aprendiendo HTML
    Listas de definiciones:
    Se crean de la misma forma que la primera pero cambiando <ul> por <dl> y además se colocan las etiquetas <dt> (para
    el término) y <dd> (para la definición):

    <dl> Y nos quedaría:


       <dt> Primer término </dt>
       <dd> Definición del primer término </dd>
       <dt> Segundo término </dt>
       <dd> Definición del segundo término </dd>
       <dt> Tercer término </dt>
       <dd> Definición del tercer término </dd>
    </dl>  
    Aprendiendo HTML

    Crear un vínculo a una página web

    Para crear un vínculo a una página web escribiremos lo siguiente:

    Para ir a nuestra página web haga clic <a href = "http://www.adictosaltrabajo.com/"> aquí. </a>

    Y si se quiere que al clicar sobre el vínculo nos lleve a otra ventana o pestaña se escribirá de la siguiente
    manera:

    Para ir a nuestra página web haga clic <a href = "http://www.adictosaltrabajo.com/" target="blank"> aquí. </a>

    NOTA: Todo lo que queda entre el a href y la a, será el vínculo.

    El href es un atributo que se utiliza para hacer referencia a otro documento. Puede encontrarlo en etiquetas
    de enlace ( link ) y etiquetas de anclaje. Sin embargo, los valores de la URL pueden ser diferentes
    dependiendo de lo que esté apuntando.
    Aprendiendo HTML

    Formatos de imágenes compatibles con HTML


    Formatos comunes de imágenes
    Los formatos de imagen más comunes utilizados en HTML son JPEG, PNG y GIF. Cada uno de estos formatos
    tiene sus propias características y es importante considerar su uso dependiendo del contexto en el que se quieren
    utilizar.
    •JPEG es ideal para fotografías ya que conserva una alta calidad de imagen con un tamaño de archivo relativamente
    pequeño.
    •PNG es útil para gráficos con áreas transparentes y para imágenes que requieren una calidad de imagen más alta
    que la que se obtiene con JPEG.
    •GIF es ideal para imágenes animadas con fondo transparente.

    También podría gustarte