Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Mi Primera Página Web

    Cargado por

    gloriwi
    152 vistas3 páginas
    1) El documento describe los elementos básicos de una página web en HTML como el elemento <!DOCTYPE>, las etiquetas <html>, <head>, <body>, <title>, <h1>, <p> y cómo se usa <script> para incluir JavaScript. 2) Explica que el lenguaje JavaScript da interacción a la página web y cómo vincular un archivo JavaScript externo mediante la etiqueta <script> y el atributo src. 3) Proporciona un ejemplo de código JavaScript simple usando alert() y cómo mover ese código a un archivo JS externo mant

    Descripción original:

    comocrear una pagina web

    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
    1) El documento describe los elementos básicos de una página web en HTML como el elemento <!DOCTYPE>, las etiquetas <html>, <head>, <body>, <title>, <h1>, <p> y cómo se usa <script> para incluir JavaScript. 2) Explica que el lenguaje JavaScript da interacción a la página web y cómo vincular un archivo JavaScript externo mediante la etiqueta <script> y el atributo src. 3) Proporciona un ejemplo de código JavaScript simple usando alert() y cómo mover ese código a un archivo JS externo mant

    Copyright:

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

    Mi Primera Página Web

    Cargado por

    gloriwi
    1) El documento describe los elementos básicos de una página web en HTML como el elemento <!DOCTYPE>, las etiquetas <html>, <head>, <body>, <title>, <h1>, <p> y cómo se usa <script> para incluir JavaScript. 2) Explica que el lenguaje JavaScript da interacción a la página web y cómo vincular un archivo JavaScript externo mediante la etiqueta <script> y el atributo src. 3) Proporciona un ejemplo de código JavaScript simple usando alert() y cómo mover ese código a un archivo JS externo mant

    Copyright:

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

    Mi primera página web con comentarios.

    <!DOCTYPE html> #DOCTYPE indica que estamos en un html moderno

    <html>

    <head> #en head van las caract.de la pagina(parte no visible,info.sobre el documento)

    <title>Mi primera web</title> #title en parte del URL(pestaña)

    </head>

    <body> #acá van todos los elementos html

    <h1>Introducción a Javascript</h1> #se verá como encabezado

    <p>Los documentos HTML se componen de elementos.

    Salvo algunas excepciones (por ejemplo <!DOCTYPE html>),

    los elementos comienzan con una etiqueta de inicio y

    terminan con una etiqueta de fin. Por ejemplo, en nuestro documento

    tenemos el elemento p, que comienza con la etiqueta de inicio < p > y termina con la etiqueta
    de finalización </ p>.

    El texto que se encuentra entre las etiquetas de apertura y de cierre es el contenido del
    elemento.</p> #párrafos(texto)

    </body> #para que se vea,botón 2 y show in explorer.

    </html>

    *para guardar archivo:ctrl+S

    Etiqueta de inicio:ej. <p>

    Etiqueta de término(o fin):ej. </p>

    El texto que se encuentra entre las etiquetas de apertura y de cierre es el contenido del
    elemento.

    Resumen creación página…

    1. El documento empieza con la etiqueta <!DOCTYPE html> (que como vimos, no tiene
    inicio o cierre). Su función es hacerle saber al navegador que interprete el documento
    como HTML moderno, en contraposición a varios dialectos que estaban en uso en el
    pasado.
    2. Luego viene la etiqueta de apertura <html> (la etiqueta de cierre </ html> está al final).
    Por estándar, todos los documentos HTML deben tener un elemento html que
    "englobe" todo lo demás.
    3. Dentro del elemento html hay dos elementos: el head (cabeza en Español) y
    el body (cuerpo en Español). El head contiene información sobre el documento, y
    el body contiene el documento en sí.
    4. Dentro del elemento head está el elemento title (con su etiqueta de inicio y de cierre),
    que contiene el título del documento. Es por eso que al visualizar el archivo en el
    navegador, el título en la pestaña del navegador dice: "Mi primera web". Es importante
    que notemos que el elemento title está contenido dentro del elemento head; el cual, a
    su vez, está contenido dentro del elemento html.
    5. Finalmente, tenemos el elemento body (entre su etiqueta de inicio y de cierre)
    que contiene el contenido que se mostrará en el navegador. En este caso, dentro del
    body tenemos dos elementos adicionales: el h1 (encabezado) y el p(párrafo).

    HTML:Lenguaje de marcado de texto. (da estructura a la página web)


    JS:lenguaje de programación que da interacción y dinamismo a lapágina web.único
    lenguaje para correr en los navegadores web.

    Inclusión de JS a HTML.
    Para incluir JavaScript en un documento HTML puedes utilizar el elemento script y
    colocar tu código JavaScript entre sus etiquetas de inicio (<script
    type="text/javascript">) y cierre (</script>),((permite la inserción de código script):

    Ejemplo:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Mi primera web</title>
    </head>
    <body>
    <h1>¡Hola Mundo!</h1>
    <p>Esta es mi primera web</p>

    <script type="text/javascript">
    alert('¡Hola Mundo!');
    </script>

    </body>
    </html>
    * alert():abrirá un cuadro de diálogo al refrescar la página web, con lo escrito entre
    comillas.
    Muchas veces tu código JavaScript es tan extenso que no quieres que esté ubicado en el
    mismo documento HTML. Para eso, la solución es crear un nuevo documento, esta vez
    de formato JavaScript - utilizando la extensión .js - y "linkear" ambos documentos a
    través del mismo elemento script, de la siguiente manera:
    <script src="nombre-del-documento.js"></script> (se puede colocar
    dentro de este <script type="text/javascript">,de esta
    manera para linkear html a otro doc. Js.:
    <script type="text/javascript" src=”app.js”>
    El mismo elemento script tiene un "atributo" llamado src (de source, que significa
    fuente en inglés), al cual se le puede asignar la ruta de tu documento JavaScript.
    Para ver si funcionó, se puede refrescar la página web.
    *Al parecer, ambos archivos deben estar en el mismo lugar, en este caso, ambos los
    dejé en el escritorio.

    Añadir Interacción a la web


    1. Agrega el elemento script al final del body de tu documento HTML
    2. Dentro del mismo HTML, entre las etiquetas de inicio y cierre del elemento script,
    escribe una línea de código JavaScript (por ejemplo, algo
    con alert(), document.write() o prompt())
    3. Guarda tu documento HTML
    4. Refresca la página de tu navegador donde estás viendo tu documento HTML
    5. Ahora crea un nuevo documento llamado app.js en la misma carpeta donde está tu
    HTML
    6. Añádele el atributo src al elemento script con la ruta de tu archivo app.js
    7. Pasa todo el código JavaScript del documento HTML al documento JS
    8. Refresca la página del navegador y confirma que todo funciona exactament e igual que
    antes.

    También podría gustarte