Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML

    Cargado por

    toño mora
    7 vistas20 páginas

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

    HTML

    Cargado por

    toño mora

    Copyright:

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

    Que es HTML

    HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet.


    Se trata de las siglas que corresponden a HyperText Markup Language, es decir, Lenguaje
    de Marcas de Hipertexto
    No obstante, este tipo de definiciones no nos dice mucho porque la definición es técnica.
    Para algunas personas al leer esto, piensan que HTML incluye el diseño gráfico de las
    páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va
    ordenado el contenido de una página web.
    HTML no es un lenguaje de programación, esto debes tenerlo muy en claro desde el
    principio, HTML es un lenguaje de marcado de hipertexto o “HyperText Markup
    Language” por el desarrollo de sus iniciales en inglés, básicamente este lenguaje se escribe
    en su totalidad con elementos, estos elementos están constituidos por etiquetas, contenido y
    atributos.

    Estructura Básica de programa HTML

    Estructura básica

     Cada página comienza con: < HTML > .


     A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .
     Después, el comando < BODY >, que indica el comienzo del cuerpo de la página.
    Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY
    >.
     La página acabará con < /HTML > .

    Es decir:
    <HTML>
    <HEAD>
    Definiciones de la cabecera
    </HEAD>
    <BODY>
    Instrucciones HTML
    </BODY>
    </HTML>

    Cabecera

    La cabecera de un documento está delimitada por las etiquetas < HEAD > y </HEAD


    > Sus componentes son opcionales. El más importante es <TITLE> , que permite escribir
    el título del documento. El título no se muestra en la página, sino en la parte superior de la
    ventana del visualizador, como identificador en los bookmarks y en la history list. Se utiliza
    de la siguiente forma:
    <HEAD>
    <TITLE>Título del documento HTML</TITLE>
    </HEAD>

    Elementos de HTML

    Elemento Agregado Descripción bre

    EL ELEMENTO RAÍZ
    <html> Contenedor principal
    METADATOS DEL DOCUMENTO
    <head> Sección de encabezado del documento

    <title> Título del documento

    <base> URI base para resolver URIs relativos

    <link> Información relacional para el documento

    <meta> Variable para el documento

    <style> Atributos presentacionales

    SECCIONES
    <body> El cuerpo del documento

    <article> Contenido redistribuible

    <section> Define una sección

    <nav> Sección de navegación

    <aside> Contenido sólo ligeramente relacionado

    <h1> Encabezado de nivel 1


    <h2> Encabezado de nivel 2

    <h3> Encabezado de nivel 3

    <h4> Encabezado de nivel 4

    <h5> Encabezado de nivel 5

    <h6> Encabezado de nivel 6

    <hgroup> Agrupa encabezados consecutivos

    <header> El encabezado de una sección

    <footer> El pie de una sección

    <address> Información de contacto del autor

    Atributos de HTML

    Nombre del
    Elementos
    Atributo

    accept <form>, <input>
    Nombre del
    Elementos
    Atributo

    accept-charset <form>

    accesskey Atributos Globales

    action <form>

    align <applet>, <caption>, <col>, <colgroup>, <hr>, <iframe>, <img>, <table>, <tbody>, <td

    alt <applet>, <area>, <img>, <input>

    async <script>
    Nombre del
    Elementos
    Atributo

    autocomplete <form>, <input>

    autofocus <button>, <input>, <keygen>, <select>, <textarea>

    autoplay <audio>, <video>

    autosave <input>

    bgcolor <body>, <col>, <colgroup>, <marquee>, <table>, <tbody>, <tfoot>, <td>, <th>, <tr>
    Nombre del
    Elementos
    Atributo

    border <img>, <object>, <table>

    buffered <audio>, <video>

    challenge <keygen>

    charset <meta>, <script>

    checked <command>, <input>

    cite <blockquote>, <del>, <ins>, <q>

    class Atributo Global

    code <applet>
    Nombre del
    Elementos
    Atributo

    codebase <applet>

    color <basefont>, <font>, <hr>

    cols <textarea>

    colspan <td>, <th>

    content <meta>

    contenteditabl
    e Atributo Global

    contextmenu Atributo Global


    Nombre del
    Elementos
    Atributo

    controls <audio>, <video>

    coords <area>

    data <object>

    data-* Atributo Global

    datetime <del>, <ins>, <time>

    default <track>

    defer <script>

    dir Atributo Global

    dirname <input>, <textarea>
    Nombre del
    Elementos
    Atributo

    disabled <button>, <command>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>,

    <a>, <area>
    download

    draggable Atributo Global

    dropzone Atributo Global

    enctype <form>

    for <label>, <output>

    form <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <pro

    <input>, <button>
    formaction

    headers <td>, <th>

    height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>
    Nombre del
    Elementos
    Atributo

    hidden Atributo Global

    high <meter>

    href <a>, <area>, <base>, <link>

    hreflang <a>, <area>, <link>

    http-equiv <meta>

    icon <command>

    id Atributo Global
    Nombre del
    Elementos
    Atributo

    ismap <img>

    itemprop Atributo Global

    keytype <keygen>

    kind <track>

    label <track>

    lang Atributo Global

    language <script>

    list <input>

    loop <audio>, <bgsound>, <marquee>, <video>
    Nombre del
    Elementos
    Atributo

    low <meter>

    manifest <html>

    max <input>, <meter>, <progress>

    maxlength <input>, <textarea>

    media <a>, <area>, <link>, <source>, <style>

    method <form>

    min <input>, <meter>

    multiple <input>, <select>

    muted <video>

    name <button>, <form>, <fieldset>, <iframe>, <input>, <keygen>, <object>, <output>, <sel
    >
    Nombre del
    Elementos
    Atributo

    novalidate <form>

    open <details>

    optimum <meter>

    pattern <input>

    ping <a>, <area>

    placeholder <input>, <textarea>

    poster <video>

    preload <audio>, <video>

    pubdate <time>
    Nombre del
    Elementos
    Atributo

    radiogroup <command>

    readonly <input>, <textarea>

    rel <a>, <area>, <link>

    required <input>, <select>, <textarea>

    reversed <ol>

    rows <textarea>

    rowspan <td>, <th>

    sandbox <iframe>

    scope <th>
    Nombre del
    Elementos
    Atributo

    scoped <style>

    seamless <iframe>

    selected <option>

    shape <a>, <area>

    size <input>, <select>

    sizes <link>, <img>, <source>

    span <col>, <colgroup>
    Nombre del
    Elementos
    Atributo

    spellcheck Atributo Global

    src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video>

    srcdoc <iframe>

    srclang <track>

    srcset <img>

    start <ol>

    step <input>

    style Atributo Global

    summary <table>

    tabindex Atributo Global


    Nombre del
    Elementos
    Atributo

    target <a>, <area>, <base>, <form>

    title Atributo Global

    type <button>, <input>, <command>, <embed>, <object>, <script>, <source>, <style>, <menu

    usemap <img>, <input>, <object>

    value <button>, <option>, <input>, <li>, <meter>, <progress>, <param>

    width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>
    Nombre del
    Elementos
    Atributo

    wrap <textarea>
    30 etiquetas básicas de HTML

    También podría gustarte