Scribd Logo
Carica

Benvenuto in Scribd!

  • Clase1-Introduccion A La Programación en HTML

    Caricato da

    luis fernando bedoya
    10 visualizzazioni12 pagine
    clase para laintroduccion a la progamacion en HTML

    Titolo originale

    Clase1-Introduccion a La Programación en HTML

    Copyright

    © © All Rights Reserved

    Formati disponibili

    PPTX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    clase para laintroduccion a la progamacion en HTML

    Copyright:

    © All Rights Reserved
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    10 visualizzazioni12 pagine

    Clase1-Introduccion A La Programación en HTML

    Caricato da

    luis fernando bedoya
    clase para laintroduccion a la progamacion en HTML

    Copyright:

    © All Rights Reserved
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 12

    Introducción a la

    Programación en HTML
    Objetivos
    1. Reconocer los conceptos de Internet, Pagina Web,
    Hipertexto, Lenguaje HTML.
    2. Reconocer y codificar la estructura básica de una
    pagina web utilizando el lenguaje HTML
    3. Realizar una sencilla pagina web por medio del
    block de notas.
    Internet
    Internet (el internet o, también, la internet)​ es un conjunto
    descentralizado de redes de computación interconectadas
    que utilizan la familia de protocolos TCP/IP.
    El Protocolo de transferencia de hipertexto (en inglés:
    Hypertext Transfer Protocol o HTTP) es el protocolo de
    comunicación que permite las transferencias de
    información en la World Wide Web.
    Pagina Web
    Una página web, o página electrónica, página digital,
    o ciberpágina es un documento o información
    electrónica capaz de contener texto, sonido, vídeo,
    programas, enlaces, imágenes y muchas otras cosas,
    adaptada para la llamada World Wide Web (WWW) y
    que puede ser accedida mediante un navegador web.
    Hipertexto
    Sistema de organización y
    presentación de datos que se basa en
    la vinculación de fragmentos textuales
    o gráficos a otros fragmentos, lo cual
    permite al usuario acceder a la
    información no necesariamente de
    forma secuencial sino desde
    cualquiera de los distintos ítems
    relacionados, lo que nos conecta con
    paginas en el mismo servidor o en
    cualquier parte del mundo.
    HTML es un lenguaje de programación
    que se utiliza para el desarrollo de
    Páginas WEB en Internet. Se trata de las
    siglas que corresponden a HyperText
    Markup Languaje, es decir, Lenguaje de
    Marcas de Hipertexto.
    Codificación en HTML
    Toda pagina web lleva la
    extensión .html, para ser
    leído por los navegadores.
    Así, en el block de notas
    debemos guardar nuestro
    archivo con la extensión
    .html, el tipo de archivo
    debe ser “todos los
    archivos”.
    Estructura Básica Todas las etiquetas se encuentran
    encerradas entre los símbolos < y >
    <html> (Mayor que y menor que).
    <head> Etiqueta es todo comando en html.
    Elementos de la cabecera Las etiquetas que cierran llevan
    </head> además el símbolo / “Slash-Barra
    <body> diagonal de división”.
    ... Resto de código de la página ... Lo que hay entre ambas etiquetas se
    vera afectado por ellas. Ejm:
    </body>
    <HTML>Todo el documento</HTML>
    </html>
    Primeras Etiquetas
    1. <HTML> </HTML> Todo lo que lleva la pagina va entre estas dos
    etiquetas
    2. <HEAD> </HEAD> Elementos de la cabecera
    3. <TITLE>Mi Primera Pagina</TITLE> Esta etiqueta nos coloca lo que
    va en la pestaña del navegador.
    4. <BODY> </BODY> Entre estas dos etiquetas va todo el cuerpo de la
    pagina
    5. <H1> </H1> Esta etiqueta nos despliega un titulo del tamaño mas
    grande
    6. <CENTER> </CENTER> El texto que encierra esta etiqueta se
    despliega centrado en nuestra pagina
    Actividad
    1. En el bloc de notas escribimos el siguiente código:
    • <html>
    • <head>
    • <title>MI PAGINA EN LA WEB</title>
    • </head>
    • <body>
    • ... Resto de código de la página ...
    • </body>
    • </html>

    2. Lo guardamos con extensión .html y tipo de archivo “Todos los


    archivos”, que no sea texto.
    3. Observamos donde lo guardamos, para ejecutarlo en el
    navegador damos doble click sobre el archivo.
    4. Observamos lo sucedido y añadimos un titulo en
    nuestra pagina así:
    5. <H1><CENTER>MI Primera Pagina</CENTER></H1>
    6. Debe quedar así…:
    7. Añadimos mas títulos con las diferentes etiquetas
    <H1>, <H2>, <H3>… hasta <H6>, centradas y sin
    centrar.
    8. Guarda el documento con su nombre y lo carga en
    la plataforma Integratic.
    9. Gracias.

    Potrebbero piacerti anche