manual html5

Páginas: 2 (496 palabras) Publicado: 3 de febrero de 2016
1. Cuerpo de un documento

1. Tamaños y tipos de letra

2. Texto de colores

3. Párrafos. Saltos de línea. Bloques tabulados. Línea horizontal.Divisiones. Recuadros
4. Texto preformateado
   

5.  Negrita. Itálica. Centrado. Otros efectos

    Otros

6. Lista desordenada. Lista ordenada. Menú. Lista de definición. Directorio

       


1.  Ejemplos de listas

7.  Tablas 

   

1.  Ejemplos de tablas

8. Códigos de colores

 

1.  Combinación de efectos de colores



9.  ¿Por qué hay que usar códigos? 

&#xxx; &alias;

1.  Tabla de códigosde caracteres

10.  Creando enlaces (links)



11.  Insertando imágenes

 

1.  Usar una imagen como fondo de página



2.  Usar una imagen como marca decorativa de una lista

3. Gráficos animados

12.  Introducción a los formularios

13.  ¿Cómo se escriben formularios?

  <br />
1.  Ejemplos de formularios<br />
2.  Tabla de códigos de conversión enformularios<br />
14.  Frames<br />
<FRAMESET> <FRAME> <IFRAME><br />
15.  Insertando objetos. Páginas multimedia <br />
<EMBED> <OBJECT><br />
1.  El reproductor DEW Player <br />
16.  Bloques en movimiento <br />
<MARQUEE><br />
17.  Icono de favoritos favicon.ico<br />
18.  Canales RSS <br />
2.  Últimas innovaciones del HTML.<br />
1.  Hojas de estilo<br />
<STYLE><br />
1.  Escribiendo hojas de estilo<br />
2.  Diseñando un blog de ejemplo<br />
3.  Ejemplo de un blog con XHTML + CSS<br />
2. El XHTML<br />
1.  Diferencias entre el HTML y XHTML<br />
3.  El HTML5<br />
3.  Introducción a las aplicaciones de gestión<br />
1.  ¿Cómo empezar?<br />
2.  Algo sobre seguridad<br />
3.  ¿Qué es el ODBC?<br />
1.  ¿Cómo se instala el ODBCde Accees?<br />
2.  ¿Cómo se instala el ODBC de SQL Server?<br />
4.  ¿Qué es el IDC?<br />
5.  ¿Cómo se escriben ficheros para el IDC?<br />
1.  Ejemplo de aplicación IDC (Ver todos los registros)<br />
2.  Ejemplo de...                    <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div>
                    <div class="center paper-body__cta--mod paper-body__cta-no-bg">
                        <a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow">
                            Leer documento completo                        </a>
                        <p class="ash-gray text-s">
                                                            Regístrate para leer el documento completo.                                                    </p>
                    </div>
                </div>
            </div>
        </div>
    </article>
</main>
<script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf">
</div>
<a href="/content/access" rel="nofollow"></a>
<section class="row ">
    <div class="columns position-relative
    large-12">
        <div class="">
            <h2 class="heading-m padding-top-1 margin-2">
                Estos documentos también te pueden resultar útiles            </h2>
        </div>

        <section class="">
            <ul class="unstyled">
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Manual-De-Referencia-Html5/6380052.html"
                           title="Manual De Referencia Html5">
                            <h6 class="heading-s">
                                Manual De Referencia Html5                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...2.- Introducción	4
	3.- Que es <b><i>HTML5</i></b>	4
	4.-¿Por qué usar <b><i>HTML5</i></b>?	4
	5.- ¿Cómo utilizar <b><i>HTML5</i></b>?	5
	6.- Librerias	5
	7.- Canvas	6
	8. – Ejemplo Canvas	7

2.- Introducción 

El <b><i>HTML5</i></b> (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación “básico” de la World Wide Web, el HTML.
Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendo problemas con los que los desarrolladores web se...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Manual-De-Referencia-Html5/6380052.html"
                                            title="Manual De Referencia Html5"
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">1558 Palabras</span>
                                            <span class="essay-details__item">7 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Manual-De-Html5-Part1/44503207.html"
                           title="Manual de Html5 Part1.">
                            <h6 class="heading-s">
                                Manual de Html5 Part1.                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...1. Estructura semántica de <b><i>HTML5</i></b>
Conceptos básicos: párrafos y líneas
Listas
Añadir imágenes
Enlaces
2. Contenido editable
3. Introducción a CSS3
Las propiedades CSS más habituales
Colocar un footer inferior (pegajoso)
4. Selectores CSS3
5. Alineación flotante de divs (float)
6. Centrar el contenido
7. Posicionamiento de las cajas (div)
8. Vídeo
9. Audio
10. Creación de gráficos con CANVAS
11. Creación de gráficos vectoriales con SVG
12. Formularios
Enviar la...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Manual-De-Html5-Part1/44503207.html"
                                            title="Manual de Html5 Part1."
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">4276 Palabras</span>
                                            <span class="essay-details__item">18 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Html5/25767926.html"
                           title="HTML5">
                            <h6 class="heading-s">
                                HTML5                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...Taller de Programación II INACAP Rancagua, 2013

EJERCICIO A DESARROLLAR EN CLASES.
DESARROLLO DE APLICACIÓN CON TECNOLOGIA SERVLET.
Paso Numero 1:
- Levante el servidor web GlassFish.
Paso Numero 2:
Cree un proyecto del tipo Aplicación Web con las siguientes características.
- Nombre del Proyecto: proyectoLibro.
- Ubicación del proyecto: especifique una carpeta.
- Versión de java: Java EE 5
- Ruta de contexto: /libro
- Definir como proyecto principal: checkearlo.
Paso numero 3:...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Html5/25767926.html"
                                            title="HTML5"
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">1377 Palabras</span>
                                            <span class="essay-details__item">6 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Que-Es-Html5/39126430.html"
                           title="que es HTML5">
                            <h6 class="heading-s">
                                que es HTML5                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...elemento que incorpora
<b><i>HTML5</i></b> y su compatibilidad con los navegadores web, debe señalar la
bibliografía y/o web grafía siguiendo las normas APA o Vancouver.

<b><i>HTML5</i></b> nuevos elementos para audio, video y dibujo
¿Porque surge HTML 5?
Internet ha cambiado mucho desde 1999, donde aparecio HTML 4.01 y se convirtió en un
estándar. Hoy en día, algunos elementos de HTML 4.01 han quedado sin uso o no se usa la
forma en que se pretende. Estos elementos fueron eliminados...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Que-Es-Html5/39126430.html"
                                            title="que es HTML5"
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">749 Palabras</span>
                                            <span class="essay-details__item">3 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Html5/43618912.html"
                           title="html5">
                            <h6 class="heading-s">
                                html5                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...HTML 5

Modulo de estructura de un documento Html 5
Al principio, Html no tenia ningún tipo de estructura y las directivas se podían escribir libremente por un documento. Como se dan cuenta, introducir asi un código Html sin ninguna regla no era un buen camino. Aunque los navegadores no eran y no son configurados para detectar errores y no bloquea la visualización de una pagina Html si el código esta mal escrito, con la llegada de Html 5 se han establecido unas reglas simples de estructura...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Html5/43618912.html"
                                            title="html5"
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">613 Palabras</span>
                                            <span class="essay-details__item">3 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Html5/67642678.html"
                           title="Html5">
                            <h6 class="heading-s">
                                Html5                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...

¿Que es <b><i>HTML5</i></b>?

<b><i>HTML5</i></b> es un lenguaje markup (de hecho, las siglas de HTML significan Hyper
Text Markup Language) usado para estructurar y presentar el contenido para la
web. Es uno de los aspectos fundamentales para el funcionamiento de los sitios,
pero no es el primero. Es de hecho la quinta revisión del estándar que fue creado
en 1990. A fines del año pasado, la W3C la recomendó para transformarse en el
estándar a ser usado en el desarrollo de...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Html5/67642678.html"
                                            title="Html5"
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">1245 Palabras</span>
                                            <span class="essay-details__item">5 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Html5/27325073.html"
                           title="HTML5">
                            <h6 class="heading-s">
                                HTML5                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...Lección 1: Aspectos básicos

Esquema del curso
En esta clase usted aprenderá cómo construir páginas web! A lo largo de este curso crearemos una pagina web que estará en línea para que cualquiera pueda ver y jugar!

World Wide Web
La World Wide Web es una colección de documentos HTML, es la base de casi todas las páginas web.
Los enlaces entre páginas se llaman “links” y dan al internet su forma característica.
La web fue inventado en la década de 1990 y tiene lugar a unos 30 mil...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Html5/27325073.html"
                                            title="HTML5"
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">614 Palabras</span>
                                            <span class="essay-details__item">3 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                                <li class="essayPreview">
                    <div class="card">
                        <a class="heading-s black"                            href="/ensayos/Html5/48208245.html"
                           title="html5">
                            <h6 class="heading-s">
                                html5                            </h6>
                        </a>
                        <div class="card__content-footer-container ">
                            <p class="card__content text-s ">
                                                                    ...<b><i>HTML5</i></b>
<b><i>HTML5</i></b>
(Hypertext Markup Language)

Desarrollador
W3C HTML WG, WHATWG
Información general
Extensión de archivo
HTML: .html, .htm
XHTML: .xhtml, .xht, .xml
Tipo de MIME
HTML: text/html
XHTML: application/xhtml+xml, application/xml
Tipo de formato
Markup language
Estándar(es)
http://www.w3.org/html/wg/<b><i>html5</i></b>/
Formato abierto
?
<b><i>HTML5</i></b> (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje...                                                            </p>
                            <div class="row card__footer-links ">
                                <div class="columns small-6">
                                    <a                                             href="/ensayos/Html5/48208245.html"
                                            title="html5"
                                            class="card__footer text-xs">
                                        <span>
                                            Leer más                                        </span>
                                    </a>
                                </div>
                                <div class="columns small-6">
                                    <div class="card__caption card__caption weight-300 mid-gray text-s align-right">
                                        <div class="essay-details no-margin--bottom">
                                            <span class="essay-details__item">1416 Palabras</span>
                                            <span class="essay-details__item">6 Páginas</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                            </ul>
        </section>
    </div>
</section>

<section class="row ">
    <div class="columns position-relative large-12">
        <section class="section no-border">
            <div class="container">
                <div class="row">
                    <div class="columns ">
                        <div class="section-heading ">
                            <h2 class="align-left margin-2 heading-m">
                                OTRAS TAREAS POPULARES                            </h2>
                        </div>
                    </div>
                </div>
                <div class="row" id="popular-tags-visible">
                    <div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2">
                        <ul>
                                                        <li class="margin-1">
                                <a href="/ensayos/2006-Roncaglia/82158286.html" title="2006 RONCAGLIA" class="mid-gray brand-primary--hover">2006 RONCAGLIA</a>
                            </li>
                                                        <li class="margin-1">
                                <a href="/ensayos/Pol%C3%ADticas-Comerciales-Por-Medidas/82158295.html" title="Políticas comerciales por medidas" class="mid-gray brand-primary--hover">Políticas comerciales por medidas</a>
                            </li>
                                                        <li class="margin-1">
                                <a href="/ensayos/Teor%C3%ADa-De-Porter-Copia-En/82158298.html" title="Teoría de Porter  Copia en conflicto de hellip " class="mid-gray brand-primary--hover">Teoría de Porter  Copia en conflicto de hellip </a>
                            </li>
                                                        <li class="margin-1">
                                <a href="/ensayos/Manual-De-Html/82158307.html" title="manual de html" class="mid-gray brand-primary--hover">manual de html</a>
                            </li>
                                                        <li class="margin-1">
                                <a href="/ensayos/Manual-De-Html/82158310.html" title="Manual De Html" class="mid-gray brand-primary--hover">Manual De Html</a>
                            </li>
                                                        <li class="margin-1">
                                <a href="/ensayos/Estequiometria-Reto-1-Sol/82158313.html" title="Estequiometria RETO 1_SOL" class="mid-gray brand-primary--hover">Estequiometria RETO 1_SOL</a>
                            </li>
                                                    </ul>
                    </div>
                </div>
            </div>
        </section>
    </div>
</section>

<div class="advertBox center margin-1"></div>

<section class="section no-border brand-primary--bg">
    <div class="row">
        <div class="columns center">
            <h3 id="banner_title" class="heading-l white">Únete a millones de otros estudiantes y comienza tu investigación</h3>
<h4 class="text-m white">Conviértase en miembro formal de Buenas Tareas</h4>
<a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow">
INSCRÍBETE - ES GRATIS
</a>        </div>
    </div>
</section>


<footer class="section section--footer">
    <div class="row">
        <div class="medium-3 columns"><div class="copyright-block">

                <p class="copyright-block__logo">
                    <i class="icon icon-sm-logo copyright-block__logo__icon"></i>
                    <span class="copyright-block__logo__span">Buenas Tareas</span>
                </p>

                <p class="copyright-block__social">
                    <a rel="nofollow" href="http://www.facebook.com/BuenasTareas">
      <span class="copyright-block__social__circle">
        <i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i>
      </span>
                    </a>
                    <a rel="nofollow" href="https://twitter.com/buenastareas">
      <span class="copyright-block__social__circle">
        <i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i>
      </span>
                    </a>
                      </p>

                <small class="copyright-block__copyright text-s">
                    ©2024 BuenasTareas.com                </small>

            </div>
        </div>

        <div class="medium-3 columns"><div class="vertical-nav-list">

                <h6 class="vertical-nav-list__heading heading-xxs">Productos</h6>

                <ul class="vertical-nav-list__container">
                    <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a>
                    </li>
                                                                                                    <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a>
                    </li>
                                                            <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a>
                    </li>
                                                        </ul>

            </div>
        </div>
        <div class="medium-3 columns">
            <div class="vertical-nav-list">

                <h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6>

                <ul class="vertical-nav-list__container">
                    <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a>
                    </li>

                    <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/advertise-with-us.php">Haz publicidad</a>
                    </li>
                                        <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/legal.php">Legal (actualizado 9/9/14)</a>
                    </li>

                    <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a>
                    </li>
                                    </ul>

            </div>
        </div>
        <div class="medium-3 columns"><div class="vertical-nav-list">

                <h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6>

                <ul class="vertical-nav-list__container">
                    <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a>
                    </li>

                    <li class="vertical-nav-list__item">
                        <a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a>
                    </li>
                                                        </ul>

            </div>
        </div>
    </div>
</footer>        </div>
        
        <!-- global JS -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script>
<script type="text/javascript">
        $LAB
.script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js")
.script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js")
;
</script>

<script type="text/javascript">
            window.SM2_DEFER = true;
    function downloadJSAtOnload() {
        $LAB
        
                    .script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js")
        
                    .wait(function() {
                            });
    }

    // Check for browser support of event handling capability
    if (window.addEventListener)
       window.addEventListener("load", downloadJSAtOnload, false);
    else if (window.attachEvent)
       window.attachEvent("onload", downloadJSAtOnload);
    else window.onload = downloadJSAtOnload;
</script>


    
    </body>
</html>