HTML Programacion HTML-l Instituto IACC
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
APORTES
Conceptos Asociados
1967
Hipertexto,es una herramienta con Nodos: entidad existe para proveer estructura secuencial que permite crear, abstracciones coherentes de información agregar, enlazar y compartir informacion dentro del espacio de informacion de diversas fuentes por medio de enlaces representado en la estructura hipermedial. asociativos. La forma mas habitual de Los enlaces: implementan la direccion de hipervinculos o referencias cruzadas las conexiones entre nodos, estan asociados automaticas que van a otros documentos. como anclas a un nodo fuente y proveen al Creado por Vannevar Bush (ingeniero y usuario la habilidad de activarlos para cientifico estadounidense) moverse hacia un nodo destino
1980
Esta escritura se dan las órdenes para que la información se presente de uno u otro World Wide Web (WWW) aparece como modo en las páginas web. Las marcas una propuesta asociada aun revolucionario ("tags" o etiquetas) permiten dar formato al sistema basado en hipertexto con el texto y combinarlo con otros elementos objetivo de compartir documentos. multimedia. Esta página es un hipertexto HTML
1993
Aunque se consiguieron avances Es La primera propuesta oficial para significativos (en esta é poca se definieron convertir HTML en un estándar se realizó las etiquetas para imágenes, tablas y en 1993 por parte del organismo IETF formularios) ninguna de las dos propuestas (Internet Engineering Task Force). de estándar, llamadas HTML y HTML
1995
Se simplificaba al máximo la estructura del HTML 2.0; primer estándar oficial de documento para agilizar su edición, donde HTML la declaración explícita de los elementos body, html y head es opcional.
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.
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.
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.
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
Los datos sealmacenan en bases dedatos
1999
HTML 4.01: Actualización de la versión y las conexiones seguras se establecen HTML 4.0, sin novedades específicas. gracias a OpenSSL con los ceritificados almacenados por el sistema operativos.
se emplazó
lenguaje de marcación que sirve como base para crear otros lenguajes multidisciplinares, que solucionan necesidades de documentacion de distintos a tipos, XML es un lenguaje que tambien funciona por etiquetas, igual que HTML, pero cuyas reglas son mas estrictas, lo que da pie a la posibilidad de procesarlos automaticamente por programas informaticos.
2004
HTML 4.01.: W3C desarrollar XHTML
2014
Incorpora nuevos elementos no contemplandos en HTML 4.01. Hay HTML 5: Fundados los últimos diversos cambios respecto a HTML 4.01. navegadores que admiten interactuar en Hay nuevas etiquetas, se introduce la representación perfeccionada con archivos posibilidad de introducir audio y video de de audio y video. forma directa en la web sin necesidad de plugins o complementos en los navegadores, y otras novedades.
Describa y explique los elementos que componen la estructura HTML básica de las siguientes páginas web
: 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 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. <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 Recursos de la semana 1, IACC, 2017<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/html-17-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 "HTML"</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 © 2024 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>
