Colegio nacional nicolás esguerra
-
Upload
juanlopezjerez -
Category
Documents
-
view
17 -
download
0
Transcript of Colegio nacional nicolás esguerra
Colegio nacional Nicolás esguerra
Juan David López jerez (19)
León Ávila (18)
IV periodo HTML
Cultivos s.a.
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.
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:
DEFINICION
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
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
<HTML><head><title>Párrafos</title></head>
<body><p>Este es el primer párrafo.</p><p>Y este es el segundo párrafo.</p></body></html>
Resultado
Este es el primer párrafo.
Y este es el segundo párrafo.
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
<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>
Resultado
Nombre:
Apellido:
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
¿Edad?
menor de 17
entre 18 y 60
mayor de 61
Para crear tablas organizadas
Código
<ol><li>Naranjas</li><li>Manzanas</li><li>Bananas</li></ol>
Resultado
1-Naranjas 2-Manzanas 3-Bananas
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>
ResultadoLa home de Virtual nauta