Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML5

    Cargado por

    Cesi Torres
    37 vistas22 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    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:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    37 vistas22 páginas

    HTML5

    Cargado por

    Cesi Torres

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 22

    CARRERA: INGENIERIA EN ADMINISTRACION

    ALUMNA: CECILIA TORRES TECUA

    CARRERA: INGENIERIA EN ADMINISTRACION

    TECNOLOGIAS DE LA INFORMACION

    1 SEMESTRE GRUPO A

    Temas: investigacin acerca de html5

    HTML5
    HTML5 (HyperText Markup Language, versin 5) es la quinta revisin importante del lenguaje bsico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un clsico HTML (text/html), la variante conocida comoHTML5 y sintaxis XHTML5 que deber una ser variante XHTML conocida servida como XML como (XHTML)

    (application/xhtml+xml).1 2 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. Todava se encuentra en modo experimental, lo cual indica la misma W3C; aunque ya es usado por mltiples desarrolladores web por sus avances, mejoras y ventajas. Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario comn actualizar a la versin ms nueva, para poder disfrutar de todo el potencial que provee HTML5. El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.

    [editar]Nuevos elementos HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso tpico de los sitios web modernos. Algunos de ellos son tcnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semntico, como por ejemplo <nav> (bloque de navegacin del sitio web) y <footer>. Otros elementos proporcionan nuevas funcionalidades a travs de una interfaz estandarizada, como los elementos <audio> y <video>. Mejoras en el elemento <canvas>, capaz de renderizar en los navegadores ms importantes (Mozilla, Chrome, Opera, Safari e IE) elementos 3D. Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos puramente de presentacin, como <font> y<center>, cuyos efectos son manejados por el CSS. Tambin hay un renovado nfasis en la importancia del scripting DOM para el comportamiento de la web. [editar]Diferencias entre HTML5 y HTML4/XHTML Artculo principal: Anexo:Etiquetas HTML/XHTML.

    Etiqueta

    Atributos

    Comentarios

    <!-- -->

    Estndar o ninguno

    <!DOCTYPE> Estndar o ninguno Atributo Aadido: media Atributo cambiado: Target <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bb> <bdo> <big> <blockquote> Estndar o ninguno <body> <br> <button> <canvas> <caption> <center> Estndar o ninguno Estndar o ninguno Estndar o ninguno height | width Estndar o ninguno Etiqueta eliminada Nueva etiqueta Estndar o ninguno Estndar o ninguno Etiqueta eliminada Estndar o ninguno Atributos globales Atributos globales Atributos globales Estndar o ninguno Etiqueta eliminada Nueva etiqueta Nueva etiqueta Etiqueta cambiada Estndar o ninguno Etiqueta eliminada Estndar o ninguno Etiqueta Eliminada

    <a>

    href | target | rel | hreflang | media | type

    autobuffer | autoplay | controls | loop | src Nueva etiqueta

    <cite> <code> <col> <colgroup> <command> <datagrid> <datalist> <dd> <del> <details> <dialog> <dir> <div> <dfn> <dl> <dt> <em> <embed> <fieldset> <figure> <font> <footer> <form> <frame> <frameset> <h1> ... <h6> <head> <header> <hgroup> <hr> <html> <i>

    Atributos globales Estndar o ninguno Estndar o ninguno Estndar o ninguno

    Etiqueta cambiada

    checked | default | disabled | hidden | icon Nueva etiqueta | label | radiogroup | type Estndar o ninguno Atributos globales Estndar o ninguno Estndar o ninguno open Atributos globales Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno height | src | type | width Estndar o ninguno Atributos globales Atributos globales Estndar o ninguno Etiqueta eliminada Etiqueta eliminada Estndar o ninguno Estndar o ninguno Atributos globales Atributos globales Ninguno Estndar o ninguno Ninguno Etiqueta cambiada Nueva etiqueta Nueva etiqueta Etiqueta cambiada Nueva etiqueta Etiqueta eliminada Nueva etiqueta Nueva etiqueta Nueva etiqueta Nueva etiqueta Etiqueta eliminada Nueva etiqueta

    <iframe> <img>

    Estndar o ninguno Estndar o ninguno accept | alt | auto-complete | autofocus | cheked | disabled | form | formaction | formenctype | formmethod | Etiqueta cambiada: formnovalidate | formtarget | height | list | Aadidos 13 max | maxlength | min | multiple | name | elementos a type pattern1 placeholder | readonly | required | size | src | step | type | value | width Estndar o ninguno Etiqueta eliminada Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Atributos globales Estndar o ninguno Estndar o ninguno Estndar o ninguno high | low | max | min | optimum | value Atributos globales Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno form Estndar o ninguno Estndar o ninguno Estndar o ninguno max | value cite Nueva etiqueta Nueva etiqueta Nueva etiqueta Nueva etiqueta Nueva etiqueta Etiqueta eliminada Nueva etiqueta

    <input>

    <ins> <isindex> <kbd> <label> <legend> <li> <link> <mark> <map> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <ruby>

    <rp> <rt> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>

    Atributos globales Atributos globales Estndar o ninguno Estndar o ninguno cite Estndar o ninguno Atributos globales media | src | type Estndar o ninguno

    Nueva etiqueta Nueva etiqueta Etiqueta eliminada

    Nueva etiqueta Etiqueta Cambiada Nueva etiqueta Etiqueta eliminada

    Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno Estndar o ninguno datetime | pubdate Estndar o ninguno Estndar o ninguno Etiqueta eliminada Define texto que debe tener un estilo diferente del texto normal 3 Estndar o ninguno Estndar o ninguno src | poster | autobuffer | autoplay | loop | Nueva etiqueta controls | width | height Etiqueta eliminada Nueva etiqueta

    Notas: En amarillo aquellas etiquetas introducidas en esta nueva versin, en azul las etiquetas que han sido cambiadas todo o en parte y en gris las etiquetas eliminadas de esta versin. Si bien en la prctica los navegadores no lo estn teniendo en cuenta para evitar perder cuota de mercado. [editar]Novedades

    Incorpora etiquetas (canvas 2D y 3D, audio, video) con codecs para mostrar los contenidos multimedia. Actualmente hay una lucha entre imponer codecs libres (WebM + VP8) o privados (H.264/MPEG-4 AVC).

    Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, Menu y Command. Permiten generar tablas dinmicas que pueden filtrar, ordenar y ocultar contenido en cliente.

    Mejoras en los formularios. Nuevos tipos de datos (eMail, number, url, datetime ) y facilidades para validar el contenido sin Javascript. Visores: MathML (frmulas matemticas) y SVG (grficos vectoriales). En general se deja abierto a poder interpretar otros lenguajes XML. Drag & Drop. Nueva funcionalidad para arrastrar objetos como imgenes.

    [editar]Web Semntica

    Aade etiquetas para manejar la Web Semntica (Web 3.0): header, footer, article, nav, time (fecha del contenido), link rel= (tipo de contenido que se enlaza). Estas etiquetas permiten describir cual es el significado del contenido. Por ejemplo su importancia, su finalidad y las relaciones que existen. No tienen especial impacto en la visualizacin, se orientan a buscadores.

    Los buscadores podrn indexar e interpretar esta meta informacin para no buscar simplemente apariciones de palabras en el texto de la pgina. Permite incorporar a las pginas ficheros RDF / OWL (con meta informacin) para describir relaciones entre los trminos utilizados.

    ademas de ofrecer versatilidad en el manejo y animacin de objetos simples, imgenes etc.

    [editar]Nuevas APIs y Javascript


    API para hacer Drag & Drop. Mediante eventos. API para trabajar Off-Line. Permite descargar todos los contenidos necesarios y trabajar en local. API de Geoposicionamiento para dispositivos que lo soporten. API Storage. Facilidad de almacenamiento persistente en local, con bases de datos (basadas en SQLite) o con almacenamiento de objetos por aplicacin o por dominio Web (Local Storage y Global Storage). Se dispone de una Base de datos con la posibilidad de hacer consultas SQL.

    WebSockets. API de comunicacin bidireccional entre pginas. Similar a los Sockets de C. WebWorkers. Hilos de ejecucin en paralelo. ESTNDAR FUTURO. System Information API. Acceso al hardware a bajo nivel: red, ficheros, CPU, Memoria, puertos USB, cmaras, micrfonos muy interesante pero con numerosas salvedades de seguridad.

    [editar]Ejemplos de cdigos HTML5 Cdigo HTML5 para reproducir audio sin la necesidad de plugins. Para video es algo similar. <!DOCTYPE HTML> <html> <head> <title>fuente de mltiples elementos</title> </head> <body> <audio id="audioTestElem" autobuffer controls > <source src="test.m4a"> <source src="test.ogg" type="audio/ogg; codecs=vorbis"> <source src="url"> no audio for you </audio> </body> </html>

    Ejemplo de Consulta SQL a una Base de Datos en el Navegador. // CREAR BBDD function prepareDatabase(ready, error) { return openDatabase('documents', '1.0', 'Offline document storage', 5*1024*1024, function (db) { db.changeVersion('', '1.0', function (t) { t.executeSql('CREATE TABLE docids (id, name)'); }, error); }); } // CONSULTAR BBDD function showDocCount(db, span) { db.readTransaction(function (t) { t.executeSql('SELECT COUNT(*) AS c FROM docids', function (t, r) { span.textContent = r.rows[0].c; }, function (t, e) { // couldn't read database span.textContent = '(unknown: ' + e.message + ')'; }); }); }

    [],

    prepareDatabase(function(db) { // got database var span = document.getElementById('doc-count'); showDocCount(db, span); }, function (e) { // error getting database alert(e.message); }); // Ejemplo de SELECT con parmetros db.readTransaction(function (t) { t.executeSql('SELECT title, author FROM docs WHERE id=?', [id], function (t, data) { report(data.rows[0].title, data.rows[0].author); });

    });

    Ejemplo de WebWorker Es necesario el uso de javascript. // Prueba.html

    (Hilo

    de

    ejecucin

    en

    paralelo)

    <!DOCTYPE HTML> <html> <head> <title>Worker example: One-core computation</title> </head> <body> <p>The highest prime number discovered so far is: <output id="result"></output></p> <script> var worker = new Worker('worker.js'); worker.onmessage = function (event) { document.getElementById('result').textContent = event.data; }; </script> </body> </html> // worker.js (fichero ejecucin infinito) con la tarea del nuevo hilo de

    var n = 1; search: while (true) { n += 1; for (var i = 2; i <= Math.sqrt(n); i += 1) if (n % i == 0) continue search; // found a prime! postMessage(n); }

    Ejemplo de Canvas 2D utilizando el API de dibujo <!DOCTYPE HTML> <html> <head> <title>HTML5 Canvas example</title>

    <script> function drawPicture(){ // Primero se recupera el objeto canvas a modificar var canvas = document.getElementById('example'); // Luego se le indicar la forma de trabajar 2D o 3D var context = canvas.getContext('2d'); // Se comienza a dibujar en el lienzo objetos // grficos context.fillStyle = "rgb(0,255,0)"; context.fillRect (25, 25, 100, 100); context.fillStyle = "rgba(255,0,0, 0.6)"; context.beginPath(); context.arc(125,100,50,0,Math.PI*2,true); context.fill(); context.fillStyle = "rgba(0,0,255,0.6)"; context.beginPath(); context.moveTo(125,100); context.lineTo(175,50); context.lineTo(225,150); context.fill(); } </script> <style type="text/css"> canvas { border: 2px solid black; } </style> </head> <body onload="drawPicture();"> <canvas id="example" width="260" height="200"> There is supposed to be an example drawing here, but it's not important. </canvas> </body> </html> utilizando

    Ejemplo de un formulario con nuevos tipos de datos. Elimina muchas validaciones en Javascript. (La clave est en el atributo Type). <!DOCTYPE HTML> <html> <body> <form> <input name="form_number" id="form_number" type="number" min="1" max="10" > <input name="form_date" id="form_date" type="date"> <input name="form_month" id="form_month" type="month"> <input name="form_week" id="form_week" type="week"> <input name="form_time" id="form_time" type="time"> <input name="form_url" id="form_url" type="url" list="url_list"> <datalist id="url_list"> <option value="http://www.google.com" label="Google"> <option value="http://net.tutsplus.com" label="NetTuts+"> </datalist> <input name="form_email" id="form_email" type="email" list="email_list" multiple> <datalist id="email_list"> <option value="jane.doe@test.com" label="Jane Doe"> <option value="john.doe@test.com" label="John Doe"> </datalist> <input name="form_telephone" id="form_telephone" type="tel"> <input name="form_color" id="form_color" type="color"> <label> Attachments: <input type="file" multiple name="att"> </label> <input name="x" type="range" min="100" max="700" step="9.09090909" value="509.090909"> </form> </body> </html>

    Ejemplo de geoposicionamiento.

    <!DOCTYPE HTML> <html> <head> <title></title> </head> <body> <script language="javascript"> function obtener_localizacion() { navigator.geolocation.getCurrentPosition(coordenadas); } function coordenadas(position) { var latitud = position.coords.latitude; var longitud = position.coords.longitude; alert('Tus coordenadas son: ('+latitud+','+longitud+')'); } </script> <a href="javascript:obtener_localizacion();">Mostrar Posicin</a> </body> </html>

    Como anclar una pgina web a la barra de tareas de Windows 7

    ene 10th, 2011 10 Comentarios Etiquetas: Anclar, Anclar tareas, Arrastrar, Barra de tareas, Pgina Web

    la

    barra

    de

    Como Anclar un sitio o pgina web a la barra de tareas de Windows 7 con Internet Explorer 9, lo podrs hacer simplemente arrastrndolo a la barra de tareas deWindows, como si de un programa se tratase. Al anclar tu sitio web favorito de Internet a labarra de tareas de Windows 7 con Internet Explorer 9 podrs acceder a el sin necesidad de ejecutar tu navegador web, tambin nos permitir acceder al sitio de forma rpida, como si se tratara de un programa instalado en su ordenador. Si tienes un navegador web distinto como ser Opera, Firefox o Google Chrome sigue el siguiente articulo Como anclar Facebook Twitter a la barra de tareas Windows

    7 ah muestra los pasos para anclar cualquier pagina web a la barra de tareas no importa el navegador web que se use.

    Para anclar un sitio web a la barra de tareas de Windows 7 con internet Explorer 9, solo tienes que pinchar en el icono que se encuentra en la parte superior izquierda al lado de la barra de direcciones, ahora lo arrastras a la Barra de Tareas de Windows 7, y con eso ya tendremos nuestra pagina web anclada.

    Un sitio o pgina web anclado en la barra de tareas con Internet Explorer 9 tiene un aspecto diferente a uno que lo abras desde el navegador. Es decir al iniciar un sitio anclado desde la barra de tareas,el icono del sitio web aparece a la izquierda de los botones Atrs y Adelante, que cambian de color segn el color del icono. Ahora el abre el mismo sitio pero desde la barra de direcciones, el sitio web aparecer normal.

    Para quitar un sitio web anclado de la Barra de tareas, haz clic derecho y sobre el icono que se encuentra anclado y el cual quieres quitar y selecciona Desanclar este programa de la barra de tareas.

    Anclas Como dijimos, es posible acceder a una posicin dentro del documento HTML. Para ello lo primero que tenemos que hacer es colocar marcas de destino en el documento al que queremos acceder: <A NAME="ancla"> A estos elementos se les llama anclas. Su uso es muy simple: en una etiqueta de enlace colocamos el smbolo # seguido del nombre del ancla de esta manera: <A HREF="#ancla">Ancla en esta pgina</A> Al pulsar sobre este enlace se mostrar en la ventana la parte de la pgina actual que contiene el ancla. Si queremos acceder a un ancla en otra pgina basta indicarlo al final de su URL. Como en este ekemplo: <A HREF="enlaces.html#ancla">Ancla en la pgina enlaces.html</A>

    ESTRUCTURA DE LA PAGINA HTML

    La estructura de un documento HTML Con este tutorial aprenders la estructura de un documento HTML y la forma en que se divide, as como la informacin que puedes poner en cada uno de esas divisiones. Tambin estableceremos el tipo de documento y las bases para disear un documento HTML compatible con el estndar XHTML. Pginas:12>Un documento HTML est bsicamente separado en dos segmentos: el encabezado (elemento HTML head) y el cuerpo (elemento HTML body), ambos contenidos por el elemento html. A esto le agregas una declaracin del tipo de documento al comienzo y obtienes la estructura bsic para una pgina web. La decalracin! DOCTYPE Todo documento HTML correctamente escrito comienza con una declaracin que define qu tipo de documento es. sta declaracin se realiza utilizando el tag HTML !DOCTYPE y es la primera cosa en todo el documento. Est pensada para indicar el agente procesador (por ejemplo, navegador, motor de bsqueda, etc.) bajo qu estndar est diseado el documento que est a punto de procesar. Una declaracin de documento normal para un documento de acuerdo con el estndar XHTML 1.0 estricto (el ms recomendado) debera lucir as: Cdigo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Para ver otras declaraciones de documento refirete a la descripcin del tag HTML !DOCTYPE. El contenedor principal: elemento html El elemento html acta como contenedor para todo el documento. Con la excepcin del tag HTML !DOCTYPE cada caracter en el documento debe estar situado entre los tags de apertura y cierre del tag html. El elemento html puede tambien ser usado para definir el lenguaje del documento que contiene a travs del atributo "lang".

    Al escribir cdigo XHTML existen dos cosas que se deben tomar en cuenta. La primera es que el atributo "lang" (para todos los tags que lo soportan) recibe una denominacin diferente: "xml:lang" (los cdigos de lenguaje siguen siendo los mismos). Como XHTML 1.0 no prohibe el uso del atributo "lang" podemos utilizar ambos con fines de compatibilidad (este no es el caso de XHTML 1.1 donde el atributo "lang" ha sido formalmente desaprobado y por lo tanto no es vlido). La segunda consideracin es que el atributo "xmlns" tambin debe ser definido para el tag html. Un documento HTML comn compatible con el estndar XHTML 1.0 Strict debera tener esta definicin bsica: Cdigo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> ...Head's content... </head> <body> ...Body's content... </body> </html> Subsecuentemente, el contenido del elemento html puede ser bsicamente dividido en dos partes: el encabezado (elemento HTML head) y el cuerpo (elemento HTML body). El encabezado del documento El encabezado de un documento HTML acta como un contenedor para informacin particular, la cual es definida a travs de un set de elementos. Toda la informacin contenida en el encabezado del documeto es cargada primero, antes que cualquier otra cosa en el documento, ya que es definida antes que el cuerpo. Dado que todo en el encabezado de un documento HTML es informacin no visual (a excepcin del ttulo), el segmento de encabezado es cargado antes de que el documento pueda ser mostrado, lo cual puede ser til para definir ciertas caractersticas que necesitan ser precargadas (por ejemplo, scripts u hojas de estilos). El encabezado de un documento HTML est contenido por el elemento HTML head y puede contener algunos de estas definiciones:

    El ttulo del documento: describe brevemente sobre qu trata el documento. Lee ms en la referencia del elemento HTML title.

    Declaraciones de estilo: grupo de definiciones de clases (hojas de estilos) usadas por otros tags para establecer caractersticas visuales. Lee ms acerca del elemento HTML style. Scripts: conjunto de funciones declaradas dentro del elemento HTML script para proveer funcionalidad al documento. Declaraciones "meta": declarados a travs del tag HTML meta, establecen atributos y valores personalizados para el documento. Vnculos globales: definidos usando el tag HTML link tag designa recursos relacionados al documento actual.

    Nota que slo hemos descripto brevemente los elementos listados arriba. Puedes encontrar ms informacin acerca de su uso en los recursos especificados para cada uno. Aqu tienes un ejemplo del encabezado de un documento usando los elementos anteriores: Cdigo <head> <title>El cdigo HTML explicado</title> <meta name="keywords" lang="es" content="HTML, cdigo, explicacin" /> <meta name="description" lang="es" content="Explicacin completa del cdigo HTML." /> <meta name="Author" content="Patrik Peterson" /> <style> table { border-width: 100%; border-color: black; } </style> <script> function sum(amount) { result += amount; } </script> <link rel="index" href="../index.html" /> <link rel="print" href="printer.html" /> </head>

    El cuerpo del documento

    El cuerpo es el contenedor para la parte visual del documento. Todas las cosas escritas aqu (excepto por casos especiales) sern mostradas cuando el documento sea finalmente representado. La mayora de los tags en HTML pueden ser insertados en la seccin del cuerpo (dentro del elemento HTML body) y darna forma al aspecto visial del documento. Prctica Para este tutorial construiremos una estructura bsica de documento que ser til para el desarrollo de las siguientes prcticas. Para comenzar, estableceremos la primera cosa que todo documento debera tener para encajar en los estndares: La declaracin del tipo de documento (DTD). En este ejemplo, y porque creo es la mejor eleccin (la ltima versin que involucra menores complicaciones de compatibilidad), construiremos un documento compatible con XHTML. Para ello, primero revisamos la referencia para el tag HTML !DOCTYPE, de donde escogeremos la declaracin adecuada. Cdigo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> La declaracin precedente establecer qu podemos y qu no podemos hacer en nuestro documento. El prximo paso en nuestra prctica es definir el elemento html dentro del cual se encerrar a todo el documento. Con este tag, tambin estableceremos dos parmetros: el nombre de espacio XML, a travs del atributo "xmlns", y el lenguaje del documeto a travs de los atributos "xml:lang" y "lang" (nota que otros lenguajes no compatibles con XML, como HTML 4.01, usaran nicamente el atributo "lang", mientras que XHTML 1.1 usara nicamente el "xml:lang"). El valor para estos atributos puede obtenerse de esta lista del cdigos de lenguaje. Cdigo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> </html> ahora agregaremos dos partes importantes de cualquier documento: el encabezado y el cuerpo. Ambos elementos, el elemento HTML head y el elemento HTML body, sern insertados en ese orden, como contenido del elemento html. An cuando los dos elementos tiene atributos disponibles, no utilizaremos ninguno de ellos ya que no son necesarios en

    este ejemplo (as como en la mayora de los documentos bsicos). Para ahorras algunos pasos agregaremos ambos al mismo tiempo. Cdigo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> </head> <body> </body> </html> Ahora slo emplazaremos el ttulo en el encabezado; el contenido del cuerpo ser reservado para futuros tutoriales. Recuerda que el ttulo debe describir de manera concisa el contenido del documento. emplazaremos el ttulo con el elemento HTML title. Cdigo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> <title>Ejemlpo bsico de documento</title> </head> <body> </body> </html> Eso es todo. La estructura principal para un documento bsico ha sido establecida. Este "marco" puede ser reutilizado para construir otros documentos, y de hecho ser utilizada en tutoriales prximos. Preprate!

    Qu es un tags?

    Una introduccin breve a los tags - o etiquetas - que conforman el lenguaje HTML.

    HTML es un lenguaje para escribir pginas de hipertexto definido por tags. Los tags, a veces llamados "etiquetas" en espaol, son los "comandos" que los programas navegadores leen e interpretan para armar y dar forma a las pginas de Internet. Todos los tags de HTML empiezan con el caracter < y terminan con el caracter >. Dentro de ellos va toda la informacin del tag, empezando por el nombre. Por ejemplo, el tag HTML (que probablemente sea el ms bsico de todos) se escribe de la siguiente manera: <html> Adems del nombre, dentro de < y > el tag puede recibir o requerir ciertos argumentos. Los argumentos brindan informacin acerca de la instancia del tag. Estos generalmente se escriben de la forma: <nombreTag argumento1="valor1" argumento2="valor2" ...> Por ejemplo, el tag <FONT>, que controla la tipografa o tipo de letra de las pginas, lleva los siguientes argumentos: <FONT FACE="Arial" SIZE="2" COLOR="RED"> No hay necesidad de decirlo, pero FACE determina la familia tipogrfica que serusada en la pgina, COLOR el color y SIZE el tamao de la letra. Existen algunos tags que forman bloques y requieren de un tag que cierra dicho bloque. Por ejemplo; el tag <FONT> requiere ser cerrado: <FONT COLOR=RED>Esto es rojo</FONT> Como se puede ver en el ejemplo, los tags que cierran los bloques se escriben usando una diagonal: </nombre> Para ms informacin acerca del funcionamiento y argumentos de cada tag, consulta la seccin de artculos titulada "Tags".

    También podría gustarte