Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Estructura Basica HTML

    Cargado por

    Claudia Felix Medina
    9 vistas13 páginas

    Título original

    Estructura basica HTML

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, 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 PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    9 vistas13 páginas

    Estructura Basica HTML

    Cargado por

    Claudia Felix Medina

    Copyright:

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

    Diseño y elaboración de

    paginas web
    Estructura básica de un documento HTML 5
    PTB en Informática
    601
    L.I. Lucina Yacira Cuevas Leyva
    Esquema básico de un documento HTML5
    Elementos que componen la estructura básica

    Elementos raíz
    Elemento Descripción
    Indica que el documento está bajo el estándar de
    <!DOCTYPE html>
    HTML5.
    Representa la raíz de un documento HTML. Es una
    <html> buena práctica indicar el idioma mediante el atributo
    lang.
    Elementos que componen la estructura básica

    Metadatos
    Elemento Descripción
    En su interior se incluye la colección de metadatos sobre el
    <head> documento y los enlaces a scripts y hojas de estilo.
    Representa el título del documento. Se muestra en la barra
    <title> superior del navegador o en las pestañas de página.
    Utilizada para enlazar documentos externos de JavaScript y
    <link> CSS. Se debe incluir dentro del <head>.
    Define los metadatos que no pueden ser definidos usando otro
    <meta> elemento HTML.

    <style> Usada para escribir CSS interno.


    Elementos que componen la estructura básica

    Scripting
    Elemento Descripción
    Define un script interno o un enlace hacia un script externo de
    <script> JavaScript.

    Representa un contenido alternativo a mostrar cuando el


    <noscript> navegador no soporta scripting.
    Elementos que componen la estructura básica

    Secciones
    Elemento Descripción
    Representa el contenido principal de un documento HTML.
    <body>
    Sólo puede existir un elemento <body> en el documento.

    <section> Define secciones de una web.

    <nav> Especifica una sección que contiene un menú de navegación.

    <article> Determina secciones de contenido.

    <aside> Define la barra lateral de una página web.


    Elementos que componen la estructura básica

    Secciones
    Elemento Descripción
    <h1><h2>
    Describe el tema de la sección. Disponemos de seis niveles: de h1
    <h3><h4>
    a h6, siendo <h1> la cabecera de mayor importancia. Sólo puede
    <h5><h6> existir una etiqueta <h1> en el documento.

    <header> Determina la cabecera de una web o de un elemento..

    Define el pie de página. También se puede utilizar para definir el


    <footer> pie de otros elementos.

    Especifica una sección que contiene información de contacto..


    <address>
    Determina el contenido principal del documento. Solo puede
    <main> existir un elemento <main> en el documento.
    D. Implementación del código HTML 5
    para el desarrollo de páginas Web.
    Aplicación de Formato a los siguientes elementos de
    las páginas web.

    ▪ Párrafos
    ▪ Tipos de letra
    ▪ Colores
    ▪
    Párrafos

    Elemento Descripción
    Marca el inicio y el final de un párrafo.
    <p> </p>
    Define una parte que debe mostrarse como un párrafo..

    Ejemplo <p> Primer párrafo en un documento HTML</p>


    Formato al Párrafo

    Elemento Descripción

    <style>

    Ejemplo
    :
    Resultado:
    Ejercicio 01- Inserción de texto y estructuración
    en párrafos con código HTML.
    1. Abrir el editor de código: Sublime
    Text, NotePad++ o bloc de notas.

    2. Guarda el documento con el nombre


    Practica01.html

    3. Escribe html y aplasta la tecla

    para crear la estructura básica HTML


    4. Transcribe el código
    5. Guarda cambios con CTRL + S o ve a
    la pestaña File y da clic en Save as

    6. Localice el archivo y de doble


    clic sobre de el y visualice
    resultados.

    También podría gustarte