Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Entregable 01 Jose Fund de La Web

    Cargado por

    joseyalta8
    4 vistas8 páginas
    El documento presenta una introducción al lenguaje HTML, describiendo su sintaxis basada en etiquetas y la estructura básica de un documento HTML, que incluye las secciones <head> y <body>. Luego, introduce conceptos relacionados con CSS como enlazar hojas de estilo a documentos HTML y explica la sintaxis básica de CSS, incluyendo selectores, propiedades y valores. Finalmente, brinda una guía sobre cómo empezar a usar CSS para modificar la apariencia de sitios web.

    Descripción original:

    2

    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
    El documento presenta una introducción al lenguaje HTML, describiendo su sintaxis basada en etiquetas y la estructura básica de un documento HTML, que incluye las secciones <head> y <body>. Luego, introduce conceptos relacionados con CSS como enlazar hojas de estilo a documentos HTML y explica la sintaxis básica de CSS, incluyendo selectores, propiedades y valores. Finalmente, brinda una guía sobre cómo empezar a usar CSS para modificar la apariencia de sitios web.

    Copyright:

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

    Entregable 01 Jose Fund de La Web

    Cargado por

    joseyalta8
    El documento presenta una introducción al lenguaje HTML, describiendo su sintaxis basada en etiquetas y la estructura básica de un documento HTML, que incluye las secciones <head> y <body>. Luego, introduce conceptos relacionados con CSS como enlazar hojas de estilo a documentos HTML y explica la sintaxis básica de CSS, incluyendo selectores, propiedades y valores. Finalmente, brinda una guía sobre cómo empezar a usar CSS para modificar la apariencia de sitios web.

    Copyright:

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

    AÑO DE LA UNIDAD, LA PAZ Y EL DESARROLLO

    ESPECIALIDAD: INGENIERIA DE SOFTWARE CON


    INTELIGENCIA ARTIFICIAL.

    CURSO: FUNDAMENTOS DE PROGRAMACION DE LA WEB.

    INSTRUCTOR: SAAVEDRA SANDOVAL, Luis Manuel

    ALUMNO: CHUQUIZUTA YALTA, JOSE SANTOS

    SEMESTRE: 02 SEMESTRE

    2023
    HTML5

    Trabajar con Etiquetas HTML


    HTML por sus siglas en inglés HyperText Markup Language, traducido al
    español como Lenguaje de Marcas de HiperTexto, es un lenguaje muy sencillo
    que permite describir hipertexto, es decir, texto presentado de forma
    estructurada y agradable, con enlaces (hyperlinks) que conducen a otros
    documentos o fuentes de información relacionadas, y con inserciones
    multimedia (gráficos, sonido...)

    Sintaxis del HTML


    HTML es un lenguaje que basa su sintaxis en un elemento de base al que
    llamamos etiqueta. La etiqueta presenta frecuentemente dos partes:
    Una apertura de forma general <etiqueta>
    Un cierre de tipo </etiqueta>
    Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que
    caracterizan a esta etiqueta. Así por ejemplo:
    Las etiquetas <b> y </b> definen un texto en negrita. Si en nuestro documento
    HTML escribimos una frase con el siguiente código:

    <b>Esto está en negrita</b>


    El resultado Será:

    Esto está en negrita


    Las etiquetas <p> y </p> definen un párrafo. Si en nuestro documento HTML
    escribimos:

    <p>Hola, este es el primer párrafo</p> <p>Ahora tenemos el segundo


    párrafo</p>
    El resultado sería:
    Hola, este es el primer párrafo
    Ahora tenemos el segundo párrafo
    Estructura básica de un documento HTML

    Un documento HTML comienza con la etiqueta <html>, y termina con </html>.


    Dentro del documento (entre las etiquetas de principio y fin de html), hay dos
    zonas bien diferenciadas: el encabezamiento, delimitado por <head> y
    </head>, que sirve para definir diversos válidos en todo el documento; y el
    cuerpo, delimitado por <body> y </body>.
    La única utilidad del encabezamiento en la que nos detendremos es la directiva
    <title>, que permite especificar el título de un documento HTML. Este título no
    forma parte del documento en sí: no aparece, por ejemplo, al principio del
    documento una vez que este se presenta con un programa adecuado, sino que
    suele servir como título de la ventana del programa que nos la muestra. Por
    ejemplo, en el encabezamiento de este manual se ha especificado:
    <title> Manual de HTML</title>

    La estructura básica de un documento HTML queda de la forma siguiente:


    Editor de Texto Visual Studio Code

    VS Code es un editor de código fuente sofisticado que admite muchas


    funcionalidades practicas al momento de trabajar con el código.

    Desarrollo de HTML5

    Un ejemplo para generar nuestro primer código en HTML.


    Al crear un archivo con extensión .html, para nuestro caso index.html sobre el
    editor escribimos html y nos aparecen diversas opciones, seleccionamos el que
    indica html:5
    A continuación, nos creará automáticamente la estructura básica de un
    documento html5, cambiaremos el titulo en la etiqueta title y escribiremos “Hola
    Mundo HTML” dentro de la etiqueta body, como se muestra a continuación.

    CSS
    Las siglas CSS (Cascading Style Sheets) significan «Hojas de estilo en cascada» y
    parten de un concepto simple pero muy potente: aplicar estilos (colores, formas,
    márgenes, etc...) a uno o varios documentos (generalmente documentos HTML,
    páginas webs) de forma automática y masiva.

    Se le denomina estilos en cascada porque se lee, procesa y aplica el código desde


    arriba hacia abajo (siguiendo un patrón denominado herencia que trataremos más
    adelante) y en el caso de existir ambigüedad (código que se contradice), se siguen una
    serie de normas para resolver dicha ambigüedad.

    Ten en cuenta que generalmente tenemos varios documentos HTML en un sitio web,
    pero solemos tener un sólo documento CSS. En cada documento HTML enlazamos
    ese único documento CSS, de modo que si hacemos cambios en él, afecta a todos
    los documentos HTML relacionados.
    Enlazar mi css con html:

    En la cabecera de nuestro documento HTML, más concretamente en el


    bloque <head></head>, podemos incluir una etiqueta <link> con la que
    establecemos una relación entre el documento HTML actual y el
    archivo .css que indicamos en el atributo href.

    Veamos el código de nuestro index.html:

    Sintaxis CSS:
    Entender la sintaxis de CSS es esencial para lograr un diseño coherente, y
    asegurarse de que la página se visualice correctamente en todos los
    dispositivos.

    En este artículo, nos enfocaremos en explicar los elementos básicos de la


    sintaxis de CSS, las propiedades y valores, y cómo funciona la cascada y el
    anidamiento en CSS.

    Esperamos que esta información te ayude a mejorar tu habilidad para escribir


    código CSS de manera efectiva y eficiente .
    Como usar CSS:
    Escribe reglas para la apariencia de tu sitio.

    Las personas que ya están familiarizadas con HTML notarán que la sintaxis de
    CSS es un poco distinta. En lugar de hacer un listado del contenido de la
    página, CSS utiliza las reglas asignadas a elementos HTML, un documento
    HTML completo o varios de ellos. Estas son procesadas por el navegador web
    cuando carga el archivo HTML.
    Una regla en CSS luce así:

    Selector CSS:
    Todas las reglas CSS comienzan con un selector. Este indica la parte del
    documento donde se aplica la regla. A este le siguen una o más declaraciones
    dentro de corchetes. Existen varias formas de escribir un selector, el más
    básico es el que viste en el ejemplo de arriba: cada elemento HTML a modificar
    se menciona por su nombre (p, div, a, etc.):

    Propiedades y valores en CSS:


    Las propiedades de CSS son todas aquellas características de los elementos a
    las que podemos aplicar estilo. Desde un color de fondo a una anchura. El
    estilo determinado se aplica definiendo un valor sobre esa propiedad.
    Por tanto, CSS se escribe definiendo selectores, sobre los que se aplican
    propiedades con sus valores. La sintaxis es la siguiente:

    selector {
    nombre-de-propiedad: valor;
    }
    Para poder dominar CSS debemos conocer una gran cantidad de propiedades,
    que nos permitirán definir valores de estilos sobre cada aspecto particular de
    un elemento. No obstante, no es necesario obsesionarse con aprender todas
    las propiedades y sus posibles valores, porque es algo que poco a poco
    interiorizaremos con la práctica a lo largo de nuestro trabajo.

    También podría gustarte