Declaraciones HTML

Los documentos tienen 2 partes: el prólogo y el ejemplar.

• el prólogo es donde se especifica la declaración del tipo de documento que se va a iniciar y la versión de HTML utilizada para la codificación del mismo. Este puede ser:


• Strict que es la utilizada por defecto y la declaración es

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN http://www.w3.org/TR/REC-html40/strict.dtd">



• Transitional que permite el uso de todos los elementos HTML y la declaración es

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//EN "http://www.w3.org/TR/REC-html40/loose.dtd">



• Frameset y la declaración es

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN http://www.w3.org/TR/REC-html40/frameset.dtd">




• el ejemplar es el documento html en si, delimitado por las etiquetas <html> y </html> y se divide en 2 partes:
• cabecera delimitada por las etiquetas <head> y </head> y contiene información sobre el titulo de la página (<title>), el autor, palabras claves (<meta>) etc.


• cuerpo que contine toda la información de la web que sera mostrada por pantalla, utiliza la etiqueta <body>. Los Frameset utiliza <frameset> en vez de <bodygt>

---

I Atributos basicos de todas las etiquetas HTML

--name - pera asignar un nombre a un objeto HTML

--title - asigna un titulo a un elemento HTML, este titulo mostrandose cuandos se pasa con el raton por encima del objeto

--id - para indentificar un elemento HTML, se usa con CSS y JAVASCRIPT

--style - para aplicar directamente un estilo text sobre el elemento HTML

--class - para aplicar directamente un estilo CSS sobre el elemento HTML

II Atributos para internacionalización

--dir - indica la dirección del texto por lo que sólo puede tomar dos valores: left to right (ltr) y right to left (rtl)

--lang - especifica el idioma del elemento mediante un código predefinido, los posibles valores se encuentran en el documento RFC 1766

--xml:lang - especifica el idioma del elemento mediante un código definido en RFC 1766

---

Estructura de una web

                  <html>
                    <head>

                    </head>
                  </html>
                

Dentro de la cabecera solo emplearemos estas etiquetas: meta, link, title, script y style

Etiqueta meta tiene los atributos

--name - para darle un nombre al autor, descripcion, establecer el navegador, palabras claves (author, description, generator, keywords)

--content - recoge el valor de los atributos name y http-equiv

--http-equiv - para indicarle al navegador alguna información o acción a realizar

---

                      <head>
                        <meta name="author" content="BrinCo" />
                        <meta name="descriptin" content="Curso Html"/>
                        <meta name="keyword" content="html curso pagina"/>
                        <meta name="refresh" content="30"/>      //para refrescar la pagina cada 30 segundos
                      </head>
                    

---

Etiqueta link y sus atributos

--href - ruta del recurso: puede ser imagen o URL

--rel - relación entre documento y el objeto que estamos vinculando

--type - tipo de archivo

---

                      <link rel="stylesheet" type="text/css" href="tema.css">
                      <link rel="icon" href="/favicon.ico" type="image/x-icon">
                    

---

Etiqueta script y sus atributos

--src - especifica ruta del fichero externo

--type - especifica el tipo archivo o el código incluido en la etiqueta

---

                      <script src="js/manager.js" type="text/javascript"></script>
                      <script type="text/javascript">
                        function mensaje(){
                          alert("Hola!");
                      }
                    

Etiqueta style se utiliza para escribir una hoja interna o un documento externo css

                      <style>
                        h1 {color:red;}
                      </style>
                    

Siguiente

Anterior