Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Alavez Mendoza Carlos Alfredo 3° IV Actividad de Aprendizaje 11

    Cargado por

    Carlos Mendoza
    20 vistas2 páginas

    Título original

    Alavez Mendoza Carlos Alfredo 3° IV Actividad de aprendizaje 11

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

    Alavez Mendoza Carlos Alfredo 3° IV Actividad de Aprendizaje 11

    Cargado por

    Carlos Mendoza

    Copyright:

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

    Escuela Preparatoria Oficial Anexa a la

    Normal de Amecameca
    Materia: Páginas Web
    Prof. Israel Sandoval Aguilar
    Alumno: Alavez Mendoza Carlos Alfredo
    Grado: 3° Grupo: IV Turno Matutino

    ACTIVIDAD DE APRENDIZAJE 11

    ESTRUCTURA BÁSICA DE UNA PÁGINA WEB EN HTML


    Si bien todos navegamos en la web y tenemos noción de a que se refiere una página
    web, pocas personas conocen los elementos básicos de la misma. En general sabemos
    que la mayor parte de estas páginas web son escritas en el lenguaje de HTML,
    HiperText Markup Language, por sus siglas en inglés o en español Lenguaje de Marcas
    de Hipertexto.
    Estructura Básica de una Página Web En lenguaje HTML
    HTML, es un lenguaje basado en etiquetas de abrir y cerrar elementos. Recordadando
    que se escribe entre los signos “< >” indicando apertura y si dentro de estos apare una
    diagonal antes del nombre de la etiqueta indica el cierre “</ >”.
     Las etiquetas básicas de una web en HTML.
    Es necesario conocer las funciones de cada una de ellas para comprenderlas.
     <!DOCTYPE html> Informa al navegador que esta es una versión en HTML.

     <html></html> Indica que el código escrito entre estas debe de ser interpretado como
    HTML. Entre estas etiquetas debemos de resaltar dos partes: head y body.

     <head></head> Es la cabecera, se especifica la información que es requerida por el


    navegador para la correcta ejecución de la web, no es visible en el navegador y puede incluir
    otras etiquetas:

     <meta> Esta no tiene cierre e indica la codificación de caracteres.


     <title></title> Indica el texto usado como título en la barra o pestaña del
    navegador.
     <link> No tiene cierre, permite enlazar un recurso externo, como un archivo
    CSS, si el caso es una hoja de estilo de CSS se debe de agregar rel=stylesheet.
     <style></style> Permite introducir un código CSS en su interior.
     <script></script> Mediante un enlace relativo o absoluto podemos llamar
    archivos externos de JavaScript.
     <body></body> Conforma el cuerpo de la página web y la parte visible de la misma en
    el navegador. Puede incluir otras etiquetas.

     <header></header> Define el título.


     <footer></footer> Refiere a pies de página
     <div></div> Describe las divisiones de la web
     <h>></h> Van desde <h1> hasta <h6> indican títulos y subtítulos.
     <p></p> Crea un párrafo.
     <br> Indica un punto y aparte, no tiene cierre
     <strong></strong> o <b></b> Negritas
     <i></i> o <em></em> Cursivas
     <u></u> Subrayado
     También se puede incluir <head>, <link> o <script> pero serán visibles.

    Etiquetas extras y atributos de HTML


     Comentarios: Nos ayudan a indicar la función de cada parte de la web en un
    archivo HTML complejo y extenso, estos se añaden entre el código, no son
    ejecutables y se agregan en la sección <body></body>.
    Para añadir el comentario colocamos: <! - - Introducimos el comentario aquí - - >

     Crear listas: Podemos crear listas con puntos o números.


    Puntos: Se agrega la etiqueta <ul></ul> al inicio y fin de la lista.
    Ejemplo:
    <ul>
    <li></li>
    </ul>
    Números: Se agrega la etiqueta <ol></ol> al inicio y fin de la lista.
    Ejemplo:
    <ol>
    <li></li>
    </ol>

     Añadir imágenes: No es necesaria una etiqueta de cierre, para hacer esto se


    hace mediante la etiqueta: <img src="ruta de acceso o dirección web">.

     Atributos en las etiquetas: Algunas etiquetas (como <img>) mediante la


    inclusión de atributos permiten modificar ciertos aspectos, se hace mediante la
    siguiente forma: <etiqueta atributo= ”valor”>

     Añadir un id a la etiqueta: Permite identificarla en el futuro y se hace mediante:


    <etiqueta id= ”nombre del id”></etiqueta>

     Modificar alineación del texto: Se coloca en la etiqueta <p></p>, con el atributo


    align seguido del valor: <p align=”valor”></p>, en esta los valores que pude tomar
    son: left, center, right, justify.

    También podría gustarte