Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML

    Cargado por

    chefconmaletas
    2 vistas5 páginas
    explicacion de este lenguaje de programacion

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    explicacion de este lenguaje de programacion

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    2 vistas5 páginas

    HTML

    Cargado por

    chefconmaletas
    explicacion de este lenguaje de programacion

    Copyright:

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

    HTML

    LENGUAJE DE ETIQUETACION. NO ES DE PROGRAMACION YA QUE NO DEFINE EL


    COMPORTAMIENTO LOGICO DE LAS PAGINAS WEBS.

    HTML UTILIZA MARCAS PARA ETIQUETAR TEXTO, IMÁGENES, ETC, COMO, POR EJEMPLO

    <TITLE>

    <CANVAS>

    <EMBED>

    <DIV>

    <FOOTER>

    <BODY>

    <HEAD>

    UN ELEMENTO HTML SE DISTINGUE DE OTROS POR LAS ETIQUETAS, QUE INICIAN Y TERMINAN
    SIEMPRE CON LOS SIMBOLOS < > Y </>

    Las partes principales del elemento son:

    1. La etiqueta de apertura : consiste en el nombre del elemento (en este caso p),
    encerrado por paréntesis angulares (<>) de apertura y cierre. Establece dónde
    comienza o comienza dónde a tener efecto el elemento —en este caso, dónde
    es el comienzo del párrafo—.
    2. La etiqueta de cierre : es igual que la etiqueta de apertura, excepto que incluye
    una barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina
    el elemento —en este caso dónde termina el párrafo—.
    3. El contenido : este es el contenido del elemento, que en este caso es sólo texto.
    4. El elemento : la etiqueta de apertura, más la etiqueta de cierre, más el contenido
    equivalente al elemento.

    Los elementos y las etiquetas no son las mismas cosas. Las etiquetas comienzan o
    terminan un elemento en el código fuente, mientras que los elementos son parte del
    DOM (Document Object Model)

    Elementos anidar

    Puedes también colocar elementos dentro de otros elementos —esto se llama


    anidamiento—. Si, por ejemplo, quieres resaltar una palabra del texto (en el ejemplo la
    palabra «muy»), podemos encerrarla en un elemento <strong>, que significa que dicha
    palabra se debe enfatizar:

    <!—PARA NOTAS

    Atributos:

    Se usan para definir las características de un elemento HTML y se colocan dentro de la etiqueta de
    apertura del elemento. Todos los atributos se componen de un nombre y un valor

    El nombre es la propiedad que se desea establecer. Ejemplo, align


    El valor es el valor de la propiedad y siempre se coloca entre comillas. Ejemplo left, center y right

    <!DOCTYPE html>

    <html>

    <head>

    <title>Align Atrribute Example</title>

    </head>

    <body>

    <p align = “left” > This is left aligned </p>

    <p align = “center”> This is center aligned </p>

    <p align = “right”> This is right alignd </p>

    </body>

     <title> </ title > - el elemento <title> establece el título de tu página, que es el
    título que aparece en la pestaña o en la barra de título del navegador cuando la
    página es cargada, y se usa para describir la página cuando es añadida a los
    marcadores o como favorita.

     <body> </body> - el elemento <body>. Encierra todo el contenido que deseas
    mostrar a los usuarios web que visitan tu página, ya sea texto, imágenes, videos,
    juegos, pistas de audio reproducibles, y demás.

     <h1>,…, <h6> Los elementos de encabezado implementan seis niveles de
    encabezado del documento, <h1> es el más importante, y <h6>, el menos
    importante. Un elemento de encabezado describe brevemente el tema de la
    sección que presenta. La información de encabezado puede ser usada por los
    agentes usuarios, por ejemplo, para construir una tabla de contenidos para un
    documento automáticamente. Sus etiquetas son <h1>,…, <h6> y </h1>,…,
    </h6>.

     <p> El elemento <p> (párrafo) es apropiado para distribuir el texto en párrafos.
    Sus etiquetas son <p> y </p>.

     <b> El elemento HTML <b> indica que el texto debe ser representado con una
    variable bold, o negrita, de la tipografía que se esté usando. Sin darle al texto
    importancia adicional. Sus etiquetas son <b> y </b>.

     <strong> El elemento <strong> destaca el texto. Sus etiquetas son <strong> y
    </strong>. El elemento <strong> le da al texto más énfasis que el elemento <b>,
    con una importancia más alta semánticamente.

     <i> El elemento HTML <i> muestra el texto marcado con un estilo en cursiva o
    itálica. Sus etiquetas son <i> e </i>.

     <em> El elemento HTML <em> es apropiado para marcar con énfasis en el
    texto. El elemento <em> puede ser anidado, con cada nivel de anidamiento
    indicando un mayor grado de énfasis. Sus etiquetas son <em> y </em>.

     <br> El elemento HTML <br> produce un salto de línea en el texto (retorno de
    carro). Es útil para escribir un poema o una dirección, donde la división de las
    líneas es significante. No lo utilices para incrementar el espacio entre líneas de
    texto; para ello utiliza la propiedad margin de CSS o el elemento <p>.

     <li> El elemento HTML <li> o elemento de lista declara cada uno de los
    elementos de una lista. Sus etiquetas son <li> e </li>.

     <ol> El elemento <ol> permite definir listas o viñetas ordenadas con numeración
    o alfabéticamente. Sus etiquetas son <ol> y </ol>.

     <ul> El elemento HTML <ul> de "lista desordenada" - lista no ordenada. crea
    una lista no ordenada. Sus etiquetas son <ul> y </ul>.

     <div> El elemento HTML <div> es exclusivamente usado como contenedor para
    otros elementos HTML. En conjunto con CSS, el elemento <div> puede ser
    usado para agregar formato a un bloque de contenido. Sus etiquetas son <div> y
    </div>.

     <img> El elemento HTML <img> posee los atributos src y alt pero no tiene
    etiqueta de cierre. Se puede representar así <img src = "imagen.png" alt = "Mi
    descripción de imagen"> Un elemento <img> no encierra contenido. También a
    este tipo de elemento se lo conoce como elemento vacío. El propósito del
    elemento <img> es desplegar una imagen en la página web, en el lugar que
    corresponde según la estructura del documento.
     El nombre de archivo de la imagen de origen está especificado por el atributo
    src. Los navegadores web no siempre muestran la imagen a la que el elemento
    hace referencia. Es el caso de los navegadores no gráficos (incluidos aquellos
    usados por personas con problemas de visión), si el usuario elige no mostrar la
    imagen, o si el navegador es incapaz de mostrarla porque no es válida o
    soportada. En ese caso, el navegador la reemplazará con el texto definido en el
    atributo alt

     <a> El Elemento HTML Anchor <a> crea un enlace a otras páginas de Internet,
    archivos o ubicaciones dentro de la misma página, direcciones de correo, o
    cualquier otra URL que especifiquemos en sus atributos. Se puede representar
    así <a href="https://developer.mozilla.org/es/docs/Web/HTML/Element/a"> </a>
    donde la dirección del enlace está especificada por el atributo href.
     Dentro del atributo href la URL puede escribirse de forma absoluta (incluyendo el
    dominio) o relativa (sin incluir el dominio) solo para enlaces dentro del mismo
    dominio. Tanto de una forma u otra, la ruta de carpetas debe especificarse.

    En HTML tenemos 3 tipos de listas a utilizar para diferentes usos:

    1. Listas Ordenadas.
    2. Listas Desordenadas.
    3. Lista de Definición.

    Listas Ordenadas

    Las listas ordenadas son listas en las que el orden de los elementos SI importa y se
    indican con la etiqueta <ol> </ol>, dentro se le anida otra etiqueta <li> </li>

    Las listas desordenadas son listas en las que el orden de los elementos NO importa y
    se indican con la etiqueta <ul> </ul>, dentro, se le anida otra etiqueta <li> </li>

    Listas de Definiciones

    Iframe
    Puedes definir un marco en línea con la etiqueta HTML <iframe>. La etiqueta <iframe>
    no está relacionada de alguna manera con la etiqueta <frameset>, sino que puede
    aparecer en cualquier parte de su documento. La etiqueta <iframe> define una región
    rectangular dentro del documento en la que el navegador puede mostrar un documento
    separado, incluidas las barras de desplazamiento y los bordes. Un marco en línea se
    utiliza para incrustar otro documento dentro del documento HTML actual.

    El atributo src se utiliza para especificar la URL del documento que ocupa el marco en
    línea:

    Para qué utilizar CSS?

    Para definir estilos en los documentos web, incluyendo el diseño, la disposición de los
    elementos y para responder a las variaciones en la pantalla en cuanto a diferentes
    dispositivos y tamaños de pantalla.

    Ventajas
    1. Control centralizado de la presentación de un sitio web completo con lo que se
    agiliza considerablemente la actualización y mantenimiento.

    2. Los Navegadores permiten a los usuarios especificar su propia hoja de estilo


    local que será aplicada a un sitio web, con lo que aumenta considerablemente la
    accesibilidad. Por ejemplo, las personas con deficiencias visuales pueden
    configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar
    más los enlaces.

    3. Una página puede disponer de diferentes hojas de estilo según el dispositivo que
    la muestra o incluso una elección del usuario. Por ejemplo, para ser impresa,
    mostrada en un dispositivo móvil, o ser "leída" por un sintetizador de voz.

    4. El documento HTML en sí mismo es más claro de entender y se consigue reducir


    considerablemente su tamaño (siempre y cuando no se utiliza estilo en línea).

    </html>

    También podría gustarte