Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Practica 1 Lab Programacion Web

    Cargado por

    eduardo amaro
    10 vistas4 páginas
    Lab de programacion web con lili

    Título original

    Practica 1 Lab programacion web

    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
    Lab de programacion web con lili

    Copyright:

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

    Practica 1 Lab Programacion Web

    Cargado por

    eduardo amaro
    Lab de programacion web con lili

    Copyright:

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

    Historia de HTML

    HTML es el lenguaje con el que se define el contenido de las páginas web.


    Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y
    otros elementos que compondrán una página web, como imágenes, listas, vídeos,
    etc.

    El HTML se creó en un principio con objetivos divulgativos de información con texto


    y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio
    y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el
    HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a
    todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a
    esta deficiente planificación, si que se han ido incorporando modificaciones con el
    tiempo, estos son los estándares del HTML. Numerosos estándares se han
    presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización
    a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de
    HTML, de la que ya se tiene un borrador casi definitivo.

    El HTML es un lenguaje de marcación de elementos para la creación de


    documentos hipertexto, muy fácil de aprender, lo que permite que cualquier
    persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de
    crear una web. HTML es fácil y pronto podremos dominar el lenguaje. Más adelante
    se conseguirán los resultados profesionales gracias a nuestras capacidades para el
    diseño y nuestra vena artista, así como a la incorporación de otros lenguajes para
    definir el formato con el que se tienen que presentar las webs, como CSS.

    Una vez conocemos el concepto de HTML os vamos a adelantar algunas cosas


    más. Este lenguaje se escribe en un documento de texto, por eso necesitamos un
    editor de textos para escribir una página web. Así pues, el archivo donde está
    contenido el código HTML es un archivo de texto, con una peculiaridad, que tiene
    extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando
    programemos en HTML lo haremos con un editor de textos, lo más sencillo posible
    y guardaremos nuestros trabajos con extensión .html, por ejemplo mipagina.html
    Estructura de HTML
    La estructura básica de una página web es la siguiente:
    <html>

    <head></head>

    <body>

    </body>

    </html>

    Etiquetas HTML básicas

    • <body> para el contenido


    • <head> para información sobre el documento
    • <div> división dentro del contenido
    • <a> para enlaces
    • <strong> para poner el texto en negrita
    • <br> para saltos de línea
    • <H1>…<H6> para títulos dentro del contenido
    • <img> para añadir imágenes al documento
    • <ol> para listas ordenadas, <ul> para listas desordenadas, <li> para
    elementos dentro de la lista
    • <p> para parágrafos
    • <span> para estilos de una parte del texto
    <body> </body>
    Indica la parte del cuerpo del contenido de un documento HTML. Es una etiqueta
    esencial para cualquier documento ya que indica donde empieza el contenido
    visible del documento.

    <head></head>
    La parte superior del documento HTML, es donde podremos indicar los metadatos:
    título del documento, hojas de estilos, javaScript, CSS…

    <div> </div>
    Un elemento que es usado mayoritariamente para agrupar otros elementos y
    actuar como plantilla de otros controles. La etiqueta <div> nos ayuda a estructurar
    el documento en secciones.

    <a> </a>
    Es una etiqueta que nos ayuda a poder crear un enlace a una página web. El
    atributo principal de la etiqueta HTML es href, donde pondremos el enlace al que
    queremos conectar. Otro atributo muy usado es target, el cual nos sirve para
    indicar si el enlace se abrirá en una nueva ventana o en la misma.
    <strong> </strong>
    Si tienes mucho texto, es importante poder dar énfasis a una parte en concreto,
    con la etiqueta strong lo podemos hacer.

    <br>
    Con esta etiqueta HTML le podemos decir al navegador que viene un salto de
    línea. Nos sirve para hacer el texto más leíble.
    <H1> </H1> …. <H6> </H6>

    Hay diferentes niveles de títulos, del 1 al 6. Las etiquetas <H + número> nos
    permiten indicar la importancia del título y para estructurar el contenido, de esta
    forma ayudamos a los bots a entender la importancia del contenido.
    <IMG> </IMG>

    Usamos la etiqueta IMG para mostrar imágenes dentro del contenido. Necesita el
    atributa src para funcionar, ya que será donde indicaremos desde donde tiene que
    mostrar la imagen.

    <OL> <li></li> <OL> | <UL> <li></li> <UL>

    Las etiquetas OL y LI nos sirven para crear listas, OL para listas ordenadas y UL
    para listas sin orden, dentro de las listas, los elementos se identifican con la
    etiqueta LI.

    <P> </P>

    Etiqueta que nos sirve para agrupar texto dentro de un parágrafo. El propósito es
    poder hacer el contenido más fácil de leer y organizado.

    <SPAN> </SPAN>

    Con la etiqueta podemos personalizar el estilo de solamente una parte del texto.

    Bibliografías:
    https://www.hazunaweb.com/curso-de-html/estructura-basica-una-pagina-web/
    https://desarrolloweb.com/articulos/que-es-html.html
    https://www.iebschool.com/blog/que-es-etiqueta-html-analitica-usabilidad/

    También podría gustarte