Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Programas

    Cargado por

    Alejandra Carreón
    3 vistas5 páginas

    Título original

    Programas.docx

    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

    Copyright:

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

    Programas

    Cargado por

    Alejandra Carreón

    Copyright:

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

    Qu es HTML?

    HTML, sigla en ingls de HyperText Markup Language (lenguaje de marcas de


    hipertexto), hace referencia al lenguaje de marcado para la elaboracin de pginas
    web. Es un estndar que sirve de referencia del software que conecta con la
    elaboracin de pginas web en sus diferentes versiones, define una estructura bsica
    y un cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina
    web, como texto, imgenes, videos, juegos, entre otros.

    El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>,/).


    El HTML tambin puede describir, hasta un cierto punto, la apariencia de un
    documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el
    cual puede afectar el comportamiento de navegadores web y otros procesadores de
    HTML.8

    HTML tambin sirve para referirse al contenido del tipo de MIME text/html o todava
    ms ampliamente como un trmino genrico para el HTML, ya sea en forma
    descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida
    directamente de SGML (como HTML 4.01 y anteriores).

    HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos,
    tipos de data y la declaracin de tipo de documento.

    Cdigos HTML bsicos


    <html>: define el inicio del documento HTML, le indica al navegador que lo que
    viene a continuacin debe ser interpretado como cdigo HTML. Esto es as de
    facto, ya que en teora lo que define el tipo de documento es el DOCTYPE, que
    significa la palabra justo tras DOCTYPE el tag de raz.
    <script>: incrusta un script en una web, o llama a uno mediante src="url del
    script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de
    JavaScript text/javascript.
    <head>: define la cabecera del documento HTML; esta cabecera suele contener
    informacin sobre el documento que no se muestra directamente al usuario
    como, por ejemplo, el ttulo de la ventana del navegador. Dentro de la cabecera
    <head> es posible encontrar:
    o <title>: define el ttulo de la pgina. Por lo general, el ttulo aparece en la
    barra de ttulo encima de la ventana.
    o <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link
    rel="stylesheet" href="/style.css" type="text/css">.
    o <style>: para colocar el estilo interno de la pgina; ya sea usando CSS u
    otros lenguajes similares. No es necesario colocarlo si se va a vincular a
    un archivo externo usando la etiqueta <link>.
    o <meta>: para metadatos como la autora o la licencia, incluso para indicar
    parmetros http (mediante http-equiv="") cuando no se pueden modificar
    por no estar disponible la configuracin o por dificultades con server-side
    scripting.
    <body>: define el contenido principal o cuerpo del documento. Esta es la parte
    del documento html que se muestra en el navegador; dentro de esta etiqueta
    pueden definirse propiedades comunes a toda la pgina, como color de fondo
    y mrgenes. Dentro del cuerpo <body> es posible encontrar numerosas
    etiquetas. A continuacin, se indican algunas a modo de ejemplo:
    o <article>: Representa una composicin auto-contenida en un
    documento, pgina, una aplicacin o en el sitio, que se destina a distribuir
    de forma independiente o re-utilizable.
    o <h1> a <h6>: encabezados o ttulos del documento con diferente
    relevancia.
    o <table>: define una tabla.
    <tr>: fila de una tabla.
    <td>: celda de una tabla (debe estar dentro de una fila).
    <footer> : representa el pie de un documento o seccin. La
    informacin que se suele aadir en este bloque es el autor del
    documento, enlaces a contenido relacionado, informacin de
    copyright, avisos legales, etc.
    o <a>: hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el
    parmetro de pasada por medio del atributo href. Por ejemplo:
    <a href="http://www.example.com" title="Ejemplo" target="_blank"
    tabindex="1">Ejemplo</a> se representa como ejemplo.
    o <div>: divisin de la pgina. Se recomienda, junto con css, en vez de
    <table> cuando se desea alinear contenido.
    o <img>: imagen. Requiere del atributo src, que indica la ruta en la que se
    encuentra la imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" />.
    Es conveniente, por accesibilidad, poner un atributo alt="texto
    alternativo".
    o <li><ol><ul>: etiquetas para listas.
    o <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la
    etiqueta <strong>).
    o <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la
    etiqueta <em>).
    o <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la
    etiqueta <del>).
    o <u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto
    diferenciadas o destacadas del resto, para indicar correcciones por
    ejemplo (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5).
    o <main>: divisin estructural de la pgina que engloba el contenido
    principal de la misma. Dentro de esta etiqueta, por ejemplo, encontramos
    los <article>
    o <span> : Sirve para diferenciar un texto de otro.
    La mayora de etiquetas deben cerrarse como se abren, pero con una barra (/) tal
    como se muestra en los siguientes ejemplos:
    <table><tr><td>Contenido de una celda</td></tr></table>.
    <script>Cdigo de un script integrado en la pgina</script>
    <header> Divisin estructural en la parte del contenido.

    (Wikipedia, 2006)

    Bibliografa
    Wikipedia. (9 de Febrero de 2006). La enciclopedia libre. Obtenido de Wikipedia:
    https://es.wikipedia.org/wiki/HTML

    Qu es CSS?
    Hojas de estilo en cascada (o CSS, siglas en ingls de Cascading Stylesheets) es un
    lenguaje de diseo grfico para definir y crear la presentacin de un documento
    estructurado escrito en un lenguaje de marcado.2 Es muy usado para establecer el
    diseo visual de las pginas web, e interfaces de usuario escritas en HTML o XHTML;
    el lenguaje puede ser aplicado a cualquier documento XML, incluyendo XHTML, SVG,
    XUL, RSS, etctera. Tambin permite aplicar estilos no visuales, como las hojas de
    estilo auditivas.

    CSS est diseado principalmente para marcar la separacin del contenido del
    documento y la forma de presentacin de este, caractersticas tales como las capas o
    layouts, los colores y las fuentes. Esta separacin busca mejorar la accesibilidad del
    documento, proveer ms flexibilidad y control en la especificacin de caractersticas
    presentacionales, permitir que varios documentos HTML compartan un mismo estilo
    usando una sola hoja de estilos separada en un archivo .css, y reducir la complejidad
    y la repeticin de cdigo en la estructura del documento.

    Antes del desarrollo de CSS, toda la informacin presentacional de los documentos


    HTML era incluida en el cdigo HTML. Los colores de las fuentes, los estilos de fondo,
    la alineacin de los elementos, los bordes y tamaos eran descritos explcitamente, a
    veces de manera redundante, dentro del HTML. CSS permite a los diseadores mover
    toda la informacin presentacional a otro archivo, la hoja de estilos, resultando en un
    cdigo HTML notablemente ms simple.

    Por ejemplo, las cabeceras (h1), sub-cabeceras (h2), sub-sub-cabeceras (h3), etc.,
    son definidas estructuralmente usando HTML. En la impresin y las pantallas, la
    eleccin de la fuente, tamao, color y nfasis para esos elementos es presentacional.

    Por ejemplo, aplicando estilos mediante etiquetas presentacionales HTML, un


    elemento h1 definido con texto rojo se puede representar como:
    <h1><font color="red"> Captulo 1. </font></h1>

    Usando CSS, el mismo elemento puede escribirse usando propiedades de estilo inline
    en vez de atributos y etiquetas de presentacin:

    <h1 style="color: red;"> Captulo 1. </h1>

    Una hoja de estilos CSS externa, descrita abajo, puede enlazarse con un documento
    HTML usando la sintaxis siguiente:

    <link href="hojadeestilos.css" rel="stylesheet" />

    El cdigo CSS se puede incluir en el cdigo HTML en la etiqueta <style> dentro de la


    etiqueta <head> del documento:

    <style>
    h1 {color: red}
    </style>

    Herencia
    La herencia es una caracterstica clave en CSS; el cual se basa en la relacin ancestro-
    descendiente para operar. La herencia es el mecanismo por el cual las propiedades
    no solo se aplican a un solo elemento, sino tambin a sus descendientes. La herencia
    se basa en el rbol del documento, el cual es la jerarqua de los elementos XHTML en
    una pgina basada en el anidamiento. Los elementos descendientes pueden heredar
    los valores de las propiedades CSS de un elemento ancestro. En general, los
    elementos descendientes heredan las propiedades relacionadas al texto, pero las
    propiedades relacionadas a la caja no. Las propiedades que pueden ser heredadas
    son el color, fuente, espaciado, el peso de la lnea, propiedades de lista, alineacin del
    texto, identado, visibilidad, espaciado de espacios and y espaciado entre palabras. Las
    propiedades que no pueden ser heredadas son el fondo, bordes, visualizacin, float,
    tamao, mrgenes, tamao mnimo y mximo, outline, desbordamiento, padding,
    posicin, alineacin vertical y z-index.

    Ejemplo
    Se tiene la siguiente hoja de estilos
    h1 {
    color: pink;
    }
    Este es un elemento h1 con una etiqueta de nfasis (em) dentro:
    <h1>
    Esto es para <em>ilustrar</em> la herencia
    </h1>
    Si no se asigna un color al elemento em, la palabra ilustrar heredar el color del
    elemento padre, h1. Entonces, la palabra ilustrar aparecer de color rosa.
    Espacios en blanco
    Los espacios en blanco entre propiedades y selectores se ignoran. Este pedazo de
    cdigo:
    body{overflow:hidden;background:#000000;}
    es igual a este otro:
    body {
    overflow: hidden;
    background: #000000;
    }
    Aunque el espaciado mejora la legibilidad del cdigo.

    (Mac, 2003)

    Bibliografa
    Mac. (5 de Febrero de 2003). La enciclopedia libre. Obtenido de Wikipedia:
    https://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada#Bloque_de_declaraciones

    También podría gustarte