Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 9 vistas

    HTLM

    Cargado por

    santiundonnadie18

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    HTLM

    Cargado por

    santiundonnadie18
    9 vistas23 páginas

    Título original

    Htlm

    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?

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    9 vistas23 páginas

    HTLM

    Cargado por

    santiundonnadie18

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 23

    SUSANA G. MTZ.

    VASQUEZ
    ¿Qué es la Web?

    Es un documento o recurso individual que


    forma parte de un sitio web.
    En este espacio digital, la World Wide Web
    (WEB) emerge como un conjunto enlazado de
    documentos mediante hipervínculos,
    accesibles gracias a la tecnología digital.
    Es una única pantalla que contiene
    información en formato de texto, imágenes,
    videos u otros elementos multimedia
    Susana Martínez Vásquez
    ¿Qué es el HTML?
    Es el lenguaje que se utiliza
    para crear las páginas web a las
    que se accede mediante internet
    Los diseñadores utilizan el lenguaje HTML para crear
    páginas web, los programas que se emplean generan
    páginas escritas en HTML y los navegadores que
    utilizamos (por ejemplo Google Chrome, Opera o Mozilla
    Firefox) muestran las páginas web después de leer e
    interpretar su contenido HTML.

    Este es un estándar reconocido en todo el mundo y


    cuyas normas define un organismo sin ánimo de lucro
    llamado World Wide Web.

    Aunque HTML es un lenguaje que utilizan los


    ordenadores y los programas de diseño de páginas web,
    es muy fácil de entender y escribir por parte de las
    personas. En realidad, HTML son las siglas
    de HyperText Markup Language.
    El lenguaje HTML es un estándar reconocido en todo
    el mundo y cuyas normas define un organismo sin
    ánimo de lucro llamado World Wide Web
    En el ámbito de la informática, el hipertexto
    permite que los usuarios accedan a la información
    relacionada con los documentos electrónicos que
    visualizan.
    Para entender "HTML" al derecho y al
    revés, veamos cada letra de esta
    contracción:

    Hypertext (hipertexto): Texto


    (usualmente enlaces) que está
    organizado de manera que conecta
    elementos relacionados.

    Markup (marcado): Es una guía de


    estilo para representar elementos que
    son mostrados de forma visual en el
    navegador

    Language (lenguaje): Un lenguaje que


    entiende una computadora y utiliza
    para interpretar comandos.
    HTML determina la estructura de las páginas
    web. Sin embargo, esta estructura no es
    suficiente para hacer que una página luzca
    bien y sea interactiva, por lo que necesitas
    otras tecnologías como CSS y JavaScript, que
    harán que tu HTML luzca bien y sea
    interactivo.
    Etiquetas HTML:HTML tiene "etiquetas" que te
    dejan hacer esto y mucho más. Hay etiquetas
    para crear títulos, párrafos, resaltar
    palabras, escribir en cursiva, etc.
    Elementos HTML: Un elemento consiste de una
    etiqueta de apertura, un contenido y una
    etiqueta de cierre.

    Elementos HTML y etiquetas HTML son términos


    que por lo general se utilizan
    indistintamente, pero hay una pequeña
    diferencia entre ellos. Un elemento es la
    combinación de la etiqueta de apertura, la
    etiqueta de cierre y el contenido entre
    ellas.
    Atributos HTML: Los atributos toman un
    valor, que le da información extra a un
    elemento para agregar estilos o
    interactividad con JavaScript.
    PASOS PARA CREAR EL ARCHIVO HTML
    Serie de pasos a seguir para convertir el archivo de
    Block de Notas en una pagina web disponible para
    verse desde un ordenador.
    PASO1.- Escribir el Código : Abrimos un nuevo
    documento en Bloc de notas y capturamos la estructura
    básica de la página, en este caso es un ejemplo sólo
    de título y texto.
    PASO 2.- Guardar el documento Se sugiere una carpeta
    específica por cada Proyecto, de modo que pueda contener
    la información en un espacio único y de forma ordenada.
    Al momento de Guardar el documento es importante añadir
    la extensión del archivo después del nombre separado
    únicamente por un punto, en este caso se trata de un
    archivo HTML. Nota: Es igualmente esencial seleccionar
    la opción “Todos los archivos” en el tipo de archivo. En
    el ejemplo, se utiliza el nombre “Inicio.html”
    PASO 3.- Buscar el archivo Busca el archivo que has guardado. Notarás que
    el ícono ha cambiado de ser un bloc de notas a un archivo reconocido por el
    navegador (en este caso, Google Chrome). Además, en el tipo de archivo, se
    especifica que es un documento HTML. Puedes elegir el navegador con el
    que te sientas más cómodo
    Paso 4.- Ejecuta el archivo: Al hacer doble
    clic en el archivo, el documento se abrirá
    en tu navegador. Si observas la imagen,
    verás que en la pestaña se muestra el nombre
    situado entre las etiquetas , y en el cuerpo
    de la página se exhibe el texto colocado
    dentro de la etiqueta .
    Resaltado de textos:
    Para organizar el contenido de un texto en
    HTML, utilizamos encabezados, similares a los
    títulos de un libro que incluyen título
    principal, capítulos y subtítulos. Estos
    encabezados tienen diferentes niveles,
    permitiendo jerarquizar la información en la
    página web. La cantidad de etiquetas que uses
    dependerá de cómo quieras presentar el texto.
    Si estás trabajando sólo con texto, emplea la
    etiqueta para indicar párrafos. Es fundamental
    notar que la estructura básica que vimos en el
    ejemplo anterior permanece constante;
    simplemente, agregamos más etiquetas dentro del
    elemento según sea necesario .
    Listo!! Así de fácil haz creado tu primera página web.
    Ahora podemos agregar elementos como imágenes, colores o
    diferentes tamaños de fuente para que se vea mas
    llamativa
    SUSANA G. MTZ.V
    SUSANA G. MTZ.V
    Estilos de fuente:
    Los estilos de fuente se
    refieren a la forma en que
    deseamos que aparezca el texto
    dentro de nuestra página, El
    atributo style nos ayuda a
    cambiar el elementos como
    tipo, tamaño y color de fuente SUSANA G. MTZ. V.

    para dar diseño a nuestra


    página y se usa dentro de una
    etiqueta. Retomando el ejemplo
    anterior, cambiaremos el
    color del encabezado 1,
    quedando la línea de código de
    la siguiente forma:
    <h1 style=color:blue;> Mi
    Mascota </h1> el resto del
    código permanece igual.

    También podría gustarte