Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Cursohtmlresumen

    Cargado por

    Moti2 Szifer
    10 vistas3 páginas

    Título original

    cursohtmlresumen

    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
    10 vistas3 páginas

    Cursohtmlresumen

    Cargado por

    Moti2 Szifer

    Copyright:

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

    introducción: html es un lenguaje que en conjunto de css y javascript se

    desarrolla una página web.


    Lo que hacemos con html básicamente es estructurar la página, después con css darle
    estilo y finalmente con javascript darle las interacciones.
    En html las páginas están conformadas por etiquetas.
    También las etiquetas tienen atributos/propiedades
    que a su vez tiene un valor por ejemplo:
    <button color (propiedad):”red (valor)”></button>.
    también hay etiquetas que no se cierran por ejemplo <br>.
    hay 2 tipos de etiquetas,las que cuando escribimos lo muestra (body) y la que cuando
    escribimos no lo muestra (head).

    Etiquetas:
    <head></head>: Esta es la etiqueta que van todas las cosas que no se ven dentro de la
    página.
    <body></body>: Todo lo que ponemos acá se puede ver dentro de la página.
    <title></title>: esta etiqueta muestra el título de la página en el navegador por la parte
    superior izquierda.
    <h1></h1>: Esta etiqueta es el título dentro de la página, esta etiqueta tiene desde el 1
    hasta el 6 bajando el tamaño. El 1 es mejor usarlo una vez para tener mejor ceo pero los
    demás se pueden usar más veces.
    <p></p>: Esta etiqueta sirve para escribir párrafo en esta etiqueta podemos incluir las
    etiquetas <b/><b> que modifica el texto a negrita o también <i/><i> para modificar la letra a
    italica (diagonal)
    <a href:””></a>: Esta etiqueta sirve para enviar a otra página se usa de la siguiente forma <a
    href:”https://aca ponemos el link.com''>aca escribimos el texto</a>.
    y en el caso que queramos que el cliente no cierre nuestra página cuando vaya a la otra
    pagina ponemos despues de el href la propiedad target:”_blank”.
    Otro detalle a saber es que si ponemos un archivo dentro de una carpeta donde colocamos
    el link ponemos <a href”carpeta/link”></a>.
    <ul(o tambien ol)></ul(o tambien ol)>: Con esta etiqueta podemos hacer tanto listas
    desordenadas como ordenadas (se usan para la etiqueta “nav”) y dentro va la etiqueta “li”
    que sería cada producto por ejemplo:
    <ul>
    <li>aca van los elementos de la lista</li>
    <li>aca van los elementos de la lista</li>
    <li>aca van los elementos de la lista</li>
    </ul>
    <img src:”nombre de la imagen o link.png” alt:nombre de la imagen title:”aca escrimos el
    titulo que va a aparecer”>: En esta etiqueta podemos pegar imagenes.
    Para tener en cuenta esta etiqueta no se cierra
    <video src:”nombre del video o link.mp4” controls></video>: En esta etiqueta podemos
    pegar videos (la propiedad controls no tiene valor).
    <audio src:”nombre dl audio o link.mp3” controls></audio>: En esta etiqueta podemos
    pegar audios (la propiedad controls no tiene valor).
    (A diferencia a la etiqueta img la etiqueta video y audio si se cierran)
    <div></div>: Esta etiqueta sirve para dividir las cajas (se usa para css).
    <form></form>: Esta etiqueta sirve para hacer formularios y se crea el formulario mediante
    la etiqueta <input type:””> que seria la entrada de
    texto,contraseña,email,fecha,buton,textarea,enviar los datos.Tambien podemos hacer
    obligatoria la entrada de datos mediante la propiedad required
    <meta></meta>: En esta etiqueta van los metadatos y tiene como propiedad name y como
    valor content por ejemplo tenemos la propiedad “keywords” que sirve para avisar al
    buscador que cuando se escriban tal palabras aparezca nuestra página,”description” sirve
    para dar una descripción de qué habla la pagina o vende etc.
    <header></header>: Este es el encabezado de la página que acá va el logo etc.
    <nav></nav>: Esta etiqueta sirve como navegación en la página que con la etiqueta “ul”
    insertamos los links para llevar a partes diferentes de la página como mi cuenta,subir vídeo
    etc.
    <article></article>: Dentro de esta etiqueta escribimos todo el texto como el título,subtítulo y
    el párrafo.Y para dividir en secciones se usa la etiqueta “section”.
    <aside></aside>: Con esta etiqueta armamos como una sección diferente por ejemplo si
    estoy mirando una noticia al costado aparecen artículos similares.
    <footer>>/footer>: En esta etiqueta ponemos todas nuestras redes sociales o si tiene
    copyright
    <table></table>: Con esta etiqueta hacemos las tablas.
    para hacer una fila se usa “tr” y para dividir td por ejemplo:
    <table>
    <tr>
    <td>aca escribo un objeto de la lista</td>
    <td>aca escribo un objeto de la lista</td>
    </tr>
    </table>.
    <link rel:”icon” href:”nombre de la imagen.ico”>: Con esta etiqueta pondremos el
    logo/imagen de la pagina en la parte superior izquierda.

    Otra cosa a saber: si escribimos un articulo y queremos mandar al cliente a una parte
    específica podemos crear una etiqueta a de tal forma:
    <a href:”#noticia2”>haz click aqui para ir a la noticia 2</a> y en la parte donde esta la
    noticia 2 poner un “id” así <h2 id=”noticia2”>noticia 2 del dia</h2>

    También podría gustarte