HTML
Nombre Asignatura: Programación HTML-I Instituto IACC Fecha: 02 de Junio de 2017
1. Elabore un cuadro cronológico del desarrollo del lenguaje HTML. Incorpore en el cuadro los aportes generados en cada uno de los años e identifique los principales conceptos asociados. Utilice la siguiente tabla para la organización de los contenidos y defina cada uno de los conceptos incorporados en ella
Año
¿Cuáles son los aportes?
Conceptos Asociados
1967
Hipertexto,es una herramienta con estructura secuencial que permite crear, agregar, enlazar y compartir informacion de diversas fuentes por medio de enlaces asociativos. La forma mas habitual de hipervinculos o referencias cruzadas automaticas que van a otros documentos. Creado por Vannevar Bush (ingeniero y cientifico estadounidense)
1980
World Wide Web (WWW) aparece como una propuesta asociada aun revolucionario sistema basado en hipertexto con el objetivo de compartir documentos.
1993
Es La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force).
1995
HTML 2.0; primer estándar oficial de HTML
1997
HTML 3.2: incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
1998
HTML 4.0 : soporta más opciones de multimedia, lenguajes de scripts, hojas de estilo, mejores capacidades de impresión, y documentos más accesibles a usuarios con imposibilidades.
Nodos: entidad existe para proveer abstracciones coherentes de información dentro del espacio de informacion representado en la estructura hipermedial. Los enlaces: implementan la direccion de las conexiones entre nodos, estan asociados como anclas a un nodo fuente y proveen al usuario la habilidad de activarlos para moverse hacia un nodo destino Esta escritura se dan las órdenes para que la información se presente de uno u otro modo en las páginas web. Las marcas ("tags" o etiquetas) permiten dar formato al texto y combinarlo con otros elementos multimedia. Esta página es un hipertexto HTML Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional. Netscape, Microsoft, IBM y Sun, crearon un nuevo comite para estandarizar internet, era el W3C, organismo que aun hoy dicta los estandares no solo para HTML, sino tambien para las hojas de estilo CSS y otras herramientas de la red. Proporciona el esquema ampliado requerido por cualquier idioma, incluidos documentos multilenguaje, de texto y esquemas de codificación de caracteres por ejemplo conversión en signos braille o en discurso oral del texto de los impresos y tablas, la nueva versión de HTML
1999
HTML 4.01: Actualización de la versión Los datos se almacenan en bases de datos y las conexiones seguras se establecen gracias HTML 4.0, sin novedades específicas. a OpenSSL con los ceritificados almacenados por el sistema operativos.
2004
HTML 4.01.: W3C se emplazó a desarrollar lenguaje de marcación que sirve como base XHTML para crear otros lenguajes multidisciplinares, que solucionan necesidades de documentacion de distintos tipos, XML es un lenguaje que tambien funciona por etiquetas, igual que HTML, pero cuyas reglas son son mas estrictas, lo que da pie a la posibilidad de procesarlos automaticamente por programas informaticos.
2014
HTML 5: Fundados los últimos navegadores que admiten interactuar en representación perfeccionada con archivos de audio y video.
Incorpora nuevos elementos no contemplandos en HTML 4.01. Hay diversos cambios respecto a HTML 4.01. Hay nuevas etiquetas, se introduce la posibilidad de introducir audio y video de forma directa en la web sin necesidad de plugins o complementos en los navegadores, y otras novedades.
2. Describa y explique los elementos que componen la estructura HTML básica de las siguientes páginas web
: Inicio Inicio del documento HTML, indica que el documento en cuestión está construido con dicho lenguaje, corresponde al principio de la acción y indica el fin de dicha acción. : Representa la seccion del documento, utilizada para el título o cualquier otra otra información del encabezado.
: El titulo no aparece en la página web, pero sí en la barra de título de la página. Elementos de la cabecera /head>: fin de la sección del documento utilizada para el título o cualquier otra información del encabezado.<br />
<br />
<body>: Sección principal de la página Web. representa el contenido de un documento HTML. </html>: Fin del documento HTML.<br />
<br />
Bibliografía<br />
<br />
http://www.maestrosdelweb.com/htmlhis/ http://librosweb.es/libro/xhtml/capitulo_1/breve_historia_de_html.html http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=435:iqu e-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-webs-html-tagscu00704b&catid=69&Itemid=192 https://developer.mozilla.org/es/docs/Web/HTML/Elemento/body<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://idoc.tips/report/control-1-html-i-pdf-free" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "Control 1 HTML I"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcHT8sZAAAAAPKfs_PZGhwvz-OHbUMuekQzz5xK"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2025 IDOC.TIPS. All rights reserved.
<div class="pull-right">
<span><a href="https://idoc.tips/about">About Us</a></span> |
<span><a href="https://idoc.tips/privacy">Privacy Policy</a></span> |
<span><a href="https://idoc.tips/term">Terms of Service</a></span> |
<span><a href="https://idoc.tips/copyright">Copyright</a></span> |
<span><a href="https://idoc.tips/contact">Contact Us</a></span> |
<span><a href="https://idoc.tips/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://idoc.tips/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://idoc.tips/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177830117-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177830117-1');
</script>
<script src="https://idoc.tips/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://idoc.tips/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://idoc.tips/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function (event, ui) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="IDOCTIPS_cookie_box" style="z-index:99999; background: #97c479; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://idoc.tips/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_IDOCTIPS_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_IDOCTIPS_cookie_box() {
document.cookie = "IDOCTIPS_cookie_box_viewed=1;max-age=15768000;path=/";
hide_IDOCTIPS_cookie_box();
}
function hide_IDOCTIPS_cookie_box() {
var cb = document.getElementById('IDOCTIPS_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var IDOCTIPS_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('IDOCTIPS_cookie_box_viewed');
if (IDOCTIPS_cookie_box_viewed) {
hide_IDOCTIPS_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
