Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML Css

    Enviado por

    Rafael Polanco
    18 visualizações34 páginas
    Clase de HTML5 y CSS

    Título original

    Html_css

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Clase de HTML5 y CSS

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    18 visualizações34 páginas

    HTML Css

    Enviado por

    Rafael Polanco
    Clase de HTML5 y CSS

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 34

    CLASE I

    Que es

    Es el lenguaje que se utiliza para


    escribir la mayora de pginas web.

    - Lenguaje de Marcado de HiperTextos

    Partes de un HTML
    CABECERA

    CUERPO

    Conociendo las Etiquetas


    Qu son?

    Conociendo las Etiquetas


    Qu son?
    -El lenguaje HTML es un lenguaje de marcas, estas marcas sern
    fragmentos de texto destacado de una forma especial que
    permiten la definicin de las distintas instrucciones de HTML,
    tanto los efectos a aplicar sobre el texto como las distintas
    estructuras del lenguaje.
    - A estas marcas las denominaremos etiquetas y son la base
    principal del lenguaje HTML.
    -El documento HTML es un fichero de texto con etiquetas que
    varan la forma de su presentacin.

    Conociendo las Etiquetas


    Sintaxis
    <etiqueta>contenido</etiqueta>

    <html>

    HTML
    CABECERA

    <head>
    <title>titulo </title>
    </head>
    <body>

    CUERPO

    </body>
    </html>

    Etiquetas ms Utilizadas
    -h1-h6
    -p
    -strong
    -em
    -u
    -del
    -a
    -spam
    -pre
    -img

    -br
    -hr
    -ul
    -ol
    -li
    -acronym
    -dfn
    -adress
    -div
    -iframes

    h1 h6
    - Define los ttulos de las secciones de mayor
    importancia de la pgina.

    <p>
    - Delimita el contenido de un prrafo de texto

    <strong>
    - Realza con la mxima importancia el texto que
    encierra

    <em>
    - Realza la importancia del texto que encierra

    <u>
    - Subraya el texto definido

    <del>
    - Se emplea para marcar una modificacin en
    los contenidos originales consistente en el
    borrado de cierto contenido

    <span>
    - Se emplea para marcar cualquier elemento
    que no se puede marcar con las otras etiquetas
    definidas.

    <pre>
    - Muestra el texto que encierra tal y como est
    escrito (respetando los espacios en blanco)

    Atributos
    que son?
    - Son caractersticas que se le aaden a una
    etiqueta para especificar la forma en que
    queremos que se muestren sus elementos.
    - Con los atributos podemos cambiar el color de
    letra, la alineacin, el tamao de una imagen o
    de una tabla, etc.

    Atributos
    que son?
    <etiqueta atributo=valor>contenido</etiqueta>
    Atributo

    Valor del atributo

    <a>
    - Se emplea para enlazar todo tipo de recursos
    Atributo Especifico:
    -href = "url": Indica la URL del recurso que se quiere enlazar
    -name = "texto": Permite nombrar al enlace para que se pueda acceder desde otros enlaces

    <img />
    -Se emplea para incluir imgenes en los
    documentos
    Atributo Especifico:
    -src = "url": Indica la URL de la imagen que se muestra
    -alt = "texto": Descripcion corta de la imagen
    -name = "texto": Nombre del elemento de la imagen
    -height = "unidad de medida": Indica la altura con la que se debe mostrar la imagen
    -width = "unidad de medida": Indica la anchura con la que se debe mostrar la imagen

    <br />
    - Forza al navegador a insertar una nueva lnea

    <hr />
    - Permite incluir una lnea horizontal de
    separacin

    Listas

    Tipos de Listas
    -Listas ordenadas (ol.li)
    -Listas no ordenadas (ul.li)
    -Listas de definicion (dl.dt.dd)

    <ol>
    - Se emplea para definir listas ordenadas

    <ul>
    - Se emplea para definir listas no ordenadas

    <li>
    - Se emplea para definir los elementos de las
    listas (ordenadas y no ordenadas)

    Aplicacion de las Listas


    (ordenadas y NO ordenadas)
    <h2>Menu</h2>
    <ul>
    <li>Inicio</li>
    <li>Noticias</li>
    <li>Articulos</li>
    <li>Contactos</li>
    </ul>
    ---------------------------------------------------------------------------<h2>Instrucciones</h2>
    <ol>
    <li>Quitate el casco</li>
    <li>Conecta tu mente por Bluetooth</li>
    <li>Verifica que tu cabeza est encendida</li>
    <li>Pasa ideas Zipeadas</li>
    </ol>

    <acronym>
    - Se emplea para marcar las siglas o acrnimos
    del texto y proporcionar el significado de esas
    siglas
    Atributo Especifico:
    -title = "texto": Indica el significado completo del acronimo o sigla

    <dfn>
    - Se emplea para marcar las definiciones de
    ciertos trminos y proporcionar el significado de
    esos trminos
    Atributo Especifico:
    -title = "texto": Indica el significado completo del termino

    <adress>
    - Define la informacin de contacto de un
    documento

    <div>
    - Es utilizada para agrupar los elementos que
    forman cada zona o divisin de la pgina.

    <iframe>
    - Es utilizada para insertar un documento html
    en un marco especfico.
    Atributo Especifico:
    -src = "url": Indica la URL de la pagina HTML que se insertar en el iframe
    -scrolling = "yes | no | auto": Indica si el iframe debe mostrar barras de scroll (hoizontal y
    vertical) cuando el contenido no cabe en el iframe
    -name = "texto": Nombre que identifica el iframe

    -height = "unidad de medida": Altura que ocupar el iframe en el documento


    -width = "unidad de medida": Anchura que ocupar el iframe en el documento

    Você também pode gostar