El documento define HTML como el lenguaje de marcado para la elaboración de páginas web y describe sus versiones principales como HTML 4.01, XHTML 1.0 y versiones anteriores como HTML 2.0 y 3.2. Luego explica algunas etiquetas comunes de HTML como <p>, <table>, <img>, <form> y <a> y provee ejemplos de su uso.
Vrijdag 24 april is Pacelle één van de sprekers tijdens het Narim Congres 2015. Het thema van dit jaar is Risk-Awareness - Top of Mind. Lees hier het volledige interview met Pacelle voor het Narim Congres 2015:
Dopo circa 8 anni, attraverso il DPR 75/2013, sono stati finalmente definiti i requisiti professionali richiesti per diventare un certificatore energetico, ovvero un tecnico
abilitato al rilascio dell’Attestato di Prestazione Energetica (APE).
Vrijdag 24 april is Pacelle één van de sprekers tijdens het Narim Congres 2015. Het thema van dit jaar is Risk-Awareness - Top of Mind. Lees hier het volledige interview met Pacelle voor het Narim Congres 2015:
Dopo circa 8 anni, attraverso il DPR 75/2013, sono stati finalmente definiti i requisiti professionali richiesti per diventare un certificatore energetico, ovvero un tecnico
abilitato al rilascio dell’Attestato di Prestazione Energetica (APE).
HTML 5 se desarrollo a partir del año 2007 por el grupo The Web Standards Project (Proyecto de estándares Web), el nuevo estándar era muy ambicioso ya que pretendía crear un nuevo lenguaje HTML capaz de ejecutar aplicaciones completas. Actualmente casi todos los navegadores soportan la mayoría de etiquetas HTML 5, y se ha de tener en cuenta que va a ser el nuevo estándar para la creación de sitios web.
Qué es HTML
HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento de hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
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