Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Guia 3 Primer Periodo 10 Informatica

    Cargado por

    Alexandra Buitrago
    3 vistas2 páginas

    Título original

    guia 3 primer periodo 10 informatica

    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 vistas2 páginas

    Guia 3 Primer Periodo 10 Informatica

    Cargado por

    Alexandra Buitrago

    Copyright:

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

    Actividad 3 de la 

    página anterior, el siguiente código, podemos


    cambiar el título de la página.

    BIBLIOGRAFÍA
    Ejemplo de un código HTML
    Nombre Estructura básica de un código
    actividad: html <!DOCTYPE HTML>
    Objetivo de Comprender las bases del código <html>
    aprendizaje: HTML
    Nombre del <head>
    estudiante:
    <title>Cómo hacer una página web
    Grado: 10ª con HTML</title>
    Clase: Informática </head>
    Periodo: primero
    Docente: <body>
    Resolver en las hojas o en el cuaderno.
    <h1>Cómo hacer una página web
    La con HTML</h1>

    <p> En el post de hoy voy a enseñarte <strong>cómo


    hacer una página web con HTML</strong>, pero antes
    estructura básica de una página web es la siguiente:
    …</p>

    <h2>Conceptos básicos sobre páginas web</h2>

    <p>¿Cuál es entonces la diferencia entre una página


    web y un sitio web?…</p>

    <h3>Diferencias entre una página web y un sitio


    web</h3>

    <p>Una <a href=”https://es.wikipedia.org/wiki/P


    %C3%A1gina_web”>página web</a> es un
    <strong>único documento electrónico</strong> que…
    </p>

    </body>

    </html>
    Una estructura HTML se empieza con la etiqueta <html>
    y acaba con </html>. Todo lo que esté en medio será la ¡El ejemplo empieza con una etiqueta especial que es <!
    página web. Dentro de <html></html> se encuentran 2 DOCTYPE HTML>, es simplemente una etiqueta especial
    partes diferenciadas .La primera <head></head> es la
    que tiene que ir al principio de todo fichero HTML e
    cabecera de la página. Aquí irán cierta información que
    identifica al fichero como un documento en formato
    no es directamente el contenido de la página. Aquí se
    HTML.
    pone el título de la página, los metadatos, estilos,
    código javascript (todo esto se estudiará en capítulos Lo que sigue son etiquetas anidadas que forman una
    venideros). La primera que se suele estudiar es estructura jerárquica (excepto la línea del DOCTYPE).
    <title></title>, que indica el título de la página (lo que el Fíjate que siempre hay una etiqueta de apertura y
    navegador pone en la parte superior izquierda).
    una etiqueta de cierre que es la misma etiqueta, pero
    La segunda parte es <body></body>. Aquí va
    con una barra invertida delante del nombre de la
    propiamente el contenido de la página: fotos, párrafos,
    formularios, etc. Por ejemplo, siguiendo con el ejemplo etiqueta.
    Estas etiquetas, junto con el contenido que envuelven, En ejemplo concreto el atributo “href” indica la URL de
    forman lo que se conoce como un elemento HTML. la página enlazada y con el atributo “target” indicamos
    que, además, queremos que cuando el usuario haga clic
    En el ejemplo podrás observar que hay una estructura
    en él, la página correspondiente se abra en otra pestaña
    básica compuesta por las
    del navegador
    etiquetas <html>, <head> y <body>. Esto es la
    estructura básica de cualquier página web. ACTIVIDAD

    <html> es el elemento raíz de la página, es simplemente 1. Rellena el espacio en blanco para crear una
    el elemento del que tienen que “colgar” todos los etiqueta HTML de apertura.
    demás, no tiene más función que esa. <head> es la
    cabecera de la página, una sección con información <DOCTYPE HTML>
    descriptiva de la página, etc. que no se visualiza como
    tal en la página, eso le corresponde a la 2. Completa los espacios para crear un documento
    etiqueta <body>. En <body> irán los elementos que válido en HTML
    vemos realmente dentro del navegador como tales. <h >
    <head> </head>
    Fíjate también en cómo se abren y cierran las etiquetas,
    </html>
    por ejemplo, la etiqueta “<title>” (etiqueta de apertura)
    y “</title>” (etiqueta de cierre). A su vez, estas
    etiquetas pueden contener a otras etiquetas, como es el
    3. Llene los espacios en blanco
    caso de <head> que es la que encierra a la etiqueta o
    <html>
    elemento “title”.
    <head>
    Si seguimos, verás que varios niveles de títulos con </title>
    etiquetas <h1> hasta <h3>. Esto sería lo equivalente, <body>
    por ejemplo, a los estilos de títulos “Título 1”, “Título 2”
    y “Título 3” en Microsoft Word. En HTML dispones de </>
    un total de 6 niveles, de h1 a h6. </html>
    4. ¿Dónde debes colocar la etiqueta title?
    Por otra parte, puedes ver varias etiquetas <p>, éstas a. En medio de las etiquetas body
    corresponden a los párrafos que vienen a continuación b. En medio de las etiquetas head
    de los títulos y para las cuales hemos puesto solamente c. Antes de la etiqueta html
    un pequeño extracto de texto como ejemplo. d. Después de la etiqueta html
    Fíjate especialmente en las etiquetas tipo <a> que son
    los enlaces. Ésta es, si cabe, la etiqueta por excelencia 5. ¿Cuáles son las partes principales que contiene
    del HTML, la que permite crear los hiperenlaces que son el archivo HTML
    lo que hace de la web la web.
    a. Cabecera y pie de pagina
    Con esto puedo introducir, además, otro concepto b. Head y body
    fundamental del HTML: los atributos. c. Manos y pies
    Si echas un vistazo con atención, en el caso de la d. Ojos y boca
    etiqueta <a>, antes del corchete de cierre vienen dos
    palabras: “href” y “target”. Estas palabras son
    dos atributos y sirven para especificar parámetros
    adicionales en una etiqueta. De esta manera le
    podemos dar mucho más juego a las etiquetas.

    También podría gustarte