Recomendados
Más contenido relacionado
La actualidad más candente
Destacado
Destacado (17)
Similar a Colegio nacional nicolás esguerra
Similar a Colegio nacional nicolás esguerra (20)
Más de juanlopezjerez
Colegio nacional nicolás esguerra
- 1. Colegio nacional Nicolás esguerra Juan David López jerez (19) nomamesguy12@gmail.com León Ávila (18) Cultivos s.a. IV periodo HTML
- 2. DEFINICION ¿QUE ES HTML? Hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. VERSIONES DE HTML Los estándares HTML son actualmente a versión de HTML más utilizada es la 4.01 y el XHTML 1.0 estás 2 versiones fueron definidas por la W3C l HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01. Además de cada versión, cada una tiene variantes que siempre se tienen que definir en el documento HTML, las variantes del HTML 4.01 son: HTML 4.01 Script: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas. HTML 4.01 Transicional: este permite usar todo tipo de etiquetas de todas las versiones de HTML, no es recomendable. HTML 4.01 Frameset: Tiene soporte para frames, muy anticuado.
- 3. 2.1. HTML 2.0 Cuando se produjo la explosión de Internet el estándar de HTML que circulaba era el 2.0 (establecido en noviembre del 95), de modo que cualquier navegador que encontremos será capaz de interpretarlo. Prácticamente todo lo que veamos en los próximos seis capítulos está contemplado por este estándar. 2.2. HTML 3.0 y 3.2 Aunque la versión 2.0 cumplía bien el objetivo para el que se creó, carecía de herramientas para tener un control mínimamente complejo de los documentos. No se consideró necesario que lo tuviera, ya que por aquel entonces Internet era un fenómeno más bien circunscrito a la actividad académica y el contenido primaba sobre el diseño. Debido a ello, Netscape (líder del mercado de navegadores por aquel entonces) empezó a incluir etiquetas nuevas no incluidas en ningún estándar. 2.3. HTML 4.0 En julio de 1997 se presenta el borrador de este estándar. Por fin se estandarizan los marcos (frames), las hojas de estilo y los scripts (entre otras cosas). El 17 de diciembre de 1997 dicho borrador fue finalmente aprobado. 2.4. Estándares en este curso En principio cualquier navegador debería ser capaz de interpretar el HTML 3.2, pero por si necesitas saber por alguna razón el estándar al que pertenece una etiqueta o parámetro en particular, se incluirá una de las siguientes indicaciones: Introducido con la versión 3.2 del HTML Introducido con la versión 4.0 del HTML Etiqueta o parámetro no estándar soportado sólo por el Netscape Etiqueta o parámetro no estándar soportado sólo por el Explorer DEFINICION
- 4. ETIQUETAS Las etiquetas son fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación. ALGUNAS ETIQUETAS Aquí les vamos a mostrar algunas etiquetas Párrafos se definen con la etiqueta <p> Código Resultado <HTML> <head> <title>Párrafos</title> </head> Este es el primer párrafo. Y este es el segundo párrafo. <body> <p>Este es el primer párrafo.</p> <p>Y este es el segundo párrafo.</p> </body> </html> Esta es la etiqueta de cómo crear una tabla Código <table border="1px"> <tr> <td>Nombre</td> <td>Apellido</td> </tr> <tr> <td>Pedro</td> <td>García</td> </tr> </table> Resultado Nombre Apellido Pedro García Para poner una imagen esta etiqueta nos serviría Código Resultado
- 5. <img src="/.../imágenes/foto1.jpg" alt="Dos niñas de la mano"> Para crear un formulario podemos usar esta etiqueta Código <form action="datos.php" method="get"> Nombre: <input type="text" name="nombre"> Apellido: <input type="text" name="apellido"> </form> Código <form action="edades.asp" method="post"> ¿Edad? <input type="radio" name="edad" value="menor">menor de 17 <input type="radio" name="edad" value="adulto">entre 18 y 60 <input type="radio" name="edad" value="mayor">mayor de 61 </form> Resultado Nombre: Apellido: Resultado ¿Edad? menor de 17 entre 18 y 60 mayor de 61 Para crear tablas organizadas Código Resultado 1-Naranjas 2-Manzanas 3-Bananas <ol> <li>Naranjas</li> <li>Manzanas</li> <li>Bananas</li> </ol> Vamos a crear un enlace con una página Código <body> <a href="/http://www.virtualnauta.com/">La home de Virtual nauta</a> </body> Resultado La home de Virtual nauta
- 6. <img src="/.../imágenes/foto1.jpg" alt="Dos niñas de la mano"> Para crear un formulario podemos usar esta etiqueta Código <form action="datos.php" method="get"> Nombre: <input type="text" name="nombre"> Apellido: <input type="text" name="apellido"> </form> Código <form action="edades.asp" method="post"> ¿Edad? <input type="radio" name="edad" value="menor">menor de 17 <input type="radio" name="edad" value="adulto">entre 18 y 60 <input type="radio" name="edad" value="mayor">mayor de 61 </form> Resultado Nombre: Apellido: Resultado ¿Edad? menor de 17 entre 18 y 60 mayor de 61 Para crear tablas organizadas Código Resultado 1-Naranjas 2-Manzanas 3-Bananas <ol> <li>Naranjas</li> <li>Manzanas</li> <li>Bananas</li> </ol> Vamos a crear un enlace con una página Código <body> <a href="/http://www.virtualnauta.com/">La home de Virtual nauta</a> </body> Resultado La home de Virtual nauta