Qué Es HTML
Páginas: 71 (17702 palabras)
Publicado: 21 de septiembre de 2015
I n d i c e d e t a l l a d o
Unidad 1. Introducción a HTML
Qué es HTML
Versiones de HTML
Los navegadores. Compatibilidad
Editores
Introducción al Bloc de notas
Compaginar dos sesiones
Etiquetas
Mi primera página
Unidad 2. Estructura de una página
Identificador del tipo de documento
Cabecera de la página
Título de la página<br />
La etiqueta <meta><br />
Cuerpo deldocumento <body><br />
Colores en hexadecimal<br />
<br />
<br />
Unidad 3. El texto<br />
<br />
Caracteres especiales y espacios en blanco<br />
Comentarios Saltos de línea <br><br />
Texto preformateado <pre><br />
Separadores <hr> <br />
Sangrado de texto <blockquote><br />
Formatear el texto <font><br />
Resaltado del texto <b> ...<br />
Párrafos <p> ...<br />
Encabezados <h1> ...<br />
Marquesinas <marquee> <br />
Las listas <li> ...<br />
<br />
<br />
Unidad 4. Hiperenlaces<br />
<br />
Hiperenlace <a> <br />
Tipos dereferencias<br />
Destino del enlace<br />
Formato de los enlaces<br />
Puntos de fijación. Anclas<br />
Otros tipos de enlaces<br />
<br />
<br />
Unidad 5. Imágenes<br />
<br />
Imagen <img> <br />
Formatos de imagen<br />
Texto alternativo <br />
Borde de una imagen<br />
Tamaño de una imagen<br />
Alineación de una imagen<br />
<br />
Unidad 6. Tablas<br />
<br />
Tabla <table><br />
Fila <tr> <br />
Columna o celda <td><br />
Formato de la tabla<br />
Formato de las celdas<br />
Encabezado de columna <th><br />
Titulo de tabla <caption>Combinar celdas <br />
<br />
<br />
Unidad 7. Marcos<br />
<br />
Conjunto de marcos <frameset><br />
Marco <frame> <br />
Sin marcos <noframes><br />
Destino del enlace <br />
<br />
Unidad 8. Formularios<br />
<br />
Formulario <form> <br />
Áreas de texto <textarea><br />
Elementos de entrada <input><br />
Campos de selección <select> ...<br />
<br />
Unidad 9. Multimedia<br />
<br />
Sonido de fondo <bgsound><br />
Vídeo y audio <embed><br />
Películas Flash <object> <br />
<br />
Unidad 10. Capas<br />
<br />
Capa <div> ...<br />
<br />
Unidad 11.JavaScript<br />
<br />
Lenguajes de script<br />
JavaScript <script> <br />
<br />
Unidad 12. Hojas de estilo<br />
<br />
Introducción<br />
Vincular una hoja de estilo<br />
Sintaxis de las hojas de estilo<br />
Las propiedades <br />
<br />
<br />
Unidad 13. Páginas web dinámicas<br />
<br />
HTML dinámico<br />
Programación web<br />
XML<br />
<br />
Qué es HTML<br />
El 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 quepermite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.<br />
Un documento 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.<br />
Los documentos HTML deben tener la extensión html o htm, para que puedan servisualizados en los navegadores (programas que permiten visualizar las páginas web).<br />
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.<br />
Versiones de HTML<br />
En noviembre de 1995 se aprobó el estándar HTML 2.0. para la creación de páginas web. Se creó con objetivos divulgativos, orientado a laactividad académica, en el que el contenido de las páginas era más importante que el diseño.<br />
Pero esta versión del HTML carecía de muchas herramientas que permitieran controlar el diseño de las páginas y añadir contenido multimedia, por lo que Netscape (cuyos navegadores eran los más utilizados por aquellos años) comenzó a incluir nuevas etiquetas que no existían en el estándar.<br />
El comité encargado deestablecer los estándares dentro de Internet, comenzó a trabajar en el borrador de una nueva versión de HTML, el borrador de HTML 3.0.<br />
Pero este borrador resultó demasiado extenso, al intentar incluir numerosos nuevos atributos para etiquetas ya existentes, y la creación de otras muchas etiquetas nuevas. Por ello, no fue bien aceptado por el mercado y varias compañías se unieron para formar un nuevocomité encargado de establecer los estándares del HTML. Este comité pasó a llamarse W3C. <br />
En enero de 1997 se aprobó el estándar HTML 3.2. Este nuevo estándar incluía las mejoras proporcionadas por los navegadores Internet Explorer y Netscape Navigator, que ya habían realizado estensiones sobre el estándar HTML 2.0.<br />
En diciembre de 1997 se aprobó el estándar HTML 4.0, creado para estandarizar... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div>
<div class="center paper-body__cta--mod paper-body__cta-no-bg">
<a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow">
Leer documento completo </a>
<p class="ash-gray text-s">
Regístrate para leer el documento completo. </p>
</div>
</div>
</div>
</div>
</article>
</main>
<script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf">
</div>
<a href="/content/access" rel="nofollow"></a>
<section class="row ">
<div class="columns position-relative
large-12">
<div class="">
<h2 class="heading-m padding-top-1 margin-2">
Estos documentos también te pueden resultar útiles </h2>
</div>
<section class="">
<ul class="unstyled">
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html/57336606.html"
title="HTML">
<h6 class="heading-s">
HTML </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Instituto tecnológico
de la laguna
Termodinámica
Temperatura
Jorge Antonio Hernández Aguirre
13131058
Miércoles, 03 de septiembre de 2014
Temperatura
La temperatura es una medida, o indicación, de que tan caliente o frio esta un objeto. Si un objeto tiene una temperatura más alta que otro, decimos que está más caliente, o que el otro objeto está más frio. Caliente y frio son términos relativos. Percibimos la temperatura por el tacto; sin embargo, este sentido de la... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/57336606.html"
title="HTML"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">648 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Que-Es-Html/71427559.html"
title="QUE ES HTML">
<h6 class="heading-s">
QUE ES HTML </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...QUE ES <b><i>HTML</i></b>?
<b><i>HTML</i></b>, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código <b><i>HTML</i></b>) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Que-Es-Html/71427559.html"
title="QUE ES HTML"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">589 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html/7587799.html"
title="Html">
<h6 class="heading-s">
Html </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...TRABAJO DE:
QUE ES <b><i>HTML</i></b> Y SU HISTORIA.
NOMBRE: BYRON ALEJANDRO OROZCO PÉREZ.
FECHA DE ENTREGA: 27 DE FEBRERO DEL 2,013.
¿Qué es <b><i>HTML</i></b>?
Definiéndolo de forma sencilla, "<b><i>HTML</i></b> es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente, <b><i>HTML</i></b> es el lenguaje con el que se "escriben" la mayoría de páginas web.
Los diseñadores utilizan el lenguaje <b><i>HTML</i></b> para crear sus páginas web, los programas que... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/7587799.html"
title="Html"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1330 Palabras</span>
<span class="essay-details__item">6 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html/40257280.html"
title="html">
<h6 class="heading-s">
html </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...GUIA DE ESTUDIO PARA EL EXAMEN DEL TERCER PARCIAL
REPRESENTACION SIMBOLICA Y ANGULAR DEL ENTORNO.
GRUPOS DE: 2º Semestre de “Alimentos y bebidas” e “Informática”.
ACADEMIA DE: REP: SIMB. Y ANGULAR DEL ENTORNO.
PSP: NESTOR REYES GONZÁLEZ.
INSTRUCCIONES: Resuelve paso a paso los siguientes ejercicios
1.- Obtén las funciones trigonométricas de θ y ß.
2.- Resuelve los siguientes problemas utilizando las funciones trigonométricas según correspondan.
a) Una... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/40257280.html"
title="html"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">639 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html/82234012.html"
title="HTML">
<h6 class="heading-s">
HTML </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...< /CITE>
Encierra una Cita como un titulode un libro,etc.
<CODE>.....< /CODE>
Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas.
<COMMENT>.....< /COMMENT>
Define un comentario. Todo el texto es ignorado aun si incluye codigo <b><i>HTML</i></b>.
<DFN>.....< /DFN>
Encierra una definición. El texto dentro de este comando se formatea como una definición.
<DIV ALIGN=">...< /DIV>
Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/82234012.html"
title="HTML"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">621 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html/596327.html"
title="Html">
<h6 class="heading-s">
Html </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>HTML</i></b>
El <b><i>HTML</i></b>, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/596327.html"
title="Html"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">844 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html/1690176.html"
title="Html">
<h6 class="heading-s">
Html </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Indice
Indice 1
<b><i>HTML</i></b> (Hypertext Markup Language) 2
Primer Página 2
Cabecera 2
Cuerpo 2
Encabezado 3
Tamaño mayor 3
Definición de bloques 3
Comentarios 3
Tamaño de la letra y color 3
Combinación de tamaño y estilo 3
Estilo Físico o estilo de los caracteres 4
Fondos y colores de texto 4
El atributo BACKGROUND 4
Imágenes 4
La marca 4
Alineación de imágenes 5
Texto inferior 5
El atributo ALT 5
Marquesinas 5
Para... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/1690176.html"
title="Html"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1513 Palabras</span>
<span class="essay-details__item">7 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html/7588824.html"
title="Html">
<h6 class="heading-s">
Html </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>HTML</i></b>, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcadopredominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El <b><i>HTML</i></b> se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). <b><i>HTML</i></b> también puede describir, hasta un... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/7588824.html"
title="Html"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1508 Palabras</span>
<span class="essay-details__item">7 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</section>
</div>
</section>
<section class="row ">
<div class="columns position-relative large-12">
<section class="section no-border">
<div class="container">
<div class="row">
<div class="columns ">
<div class="section-heading ">
<h2 class="align-left margin-2 heading-m">
OTRAS TAREAS POPULARES </h2>
</div>
</div>
</div>
<div class="row" id="popular-tags-visible">
<div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2">
<ul>
<li class="margin-1">
<a href="/ensayos/Los-D%C3%ADas-Con-Mi-Hermana/78992884.html" title="Los Días Con Mi Hermana" class="mid-gray brand-primary--hover">Los Días Con Mi Hermana</a>
</li>
<li class="margin-1">
<a href="/ensayos/La-Metamorfosis-Francisca-Araus/78992896.html" title="La Metamorfosis Francisca Araus" class="mid-gray brand-primary--hover">La Metamorfosis Francisca Araus</a>
</li>
<li class="margin-1">
<a href="/ensayos/C%C3%A1lculo-Integral-Derivadas-e-Integrales/78992914.html" title="Cálculo Integral, derivadas e integrales" class="mid-gray brand-primary--hover">Cálculo Integral, derivadas e integrales</a>
</li>
<li class="margin-1">
<a href="/ensayos/Personla-De-3/78992920.html" title="Personla De 3" class="mid-gray brand-primary--hover">Personla De 3</a>
</li>
<li class="margin-1">
<a href="/ensayos/Presupuesto-Participativo/78992926.html" title="Presupuesto Participativo" class="mid-gray brand-primary--hover">Presupuesto Participativo</a>
</li>
<li class="margin-1">
<a href="/ensayos/Crucigramasdelcomputador-1/78992932.html" title="crucigramasdelcomputador 1 " class="mid-gray brand-primary--hover">crucigramasdelcomputador 1 </a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
</section>
<div class="advertBox center margin-1"></div>
<section class="section no-border brand-primary--bg">
<div class="row">
<div class="columns center">
<h3 id="banner_title" class="heading-l white">Únete a millones de otros estudiantes y comienza tu investigación</h3>
<h4 class="text-m white">Conviértase en miembro formal de Buenas Tareas</h4>
<a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow">
INSCRÍBETE - ES GRATIS
</a> </div>
</div>
</section>
<footer class="section section--footer">
<div class="row">
<div class="medium-3 columns"><div class="copyright-block">
<p class="copyright-block__logo">
<i class="icon icon-sm-logo copyright-block__logo__icon"></i>
<span class="copyright-block__logo__span">Buenas Tareas</span>
</p>
<p class="copyright-block__social">
<a rel="nofollow" href="http://www.facebook.com/BuenasTareas">
<span class="copyright-block__social__circle">
<i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i>
</span>
</a>
<a rel="nofollow" href="https://twitter.com/buenastareas">
<span class="copyright-block__social__circle">
<i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i>
</span>
</a>
</p>
<small class="copyright-block__copyright text-s">
©2024 BuenasTareas.com </small>
</div>
</div>
<div class="medium-3 columns"><div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Productos</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a>
</li>
</ul>
</div>
</div>
<div class="medium-3 columns">
<div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/advertise-with-us.php">Haz publicidad</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/legal.php">Legal (actualizado 9/9/14)</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a>
</li>
</ul>
</div>
</div>
<div class="medium-3 columns"><div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a>
</li>
</ul>
</div>
</div>
</div>
</footer> </div>
<!-- global JS -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script>
<script type="text/javascript">
$LAB
.script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js")
.script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js")
;
</script>
<script type="text/javascript">
window.SM2_DEFER = true;
function downloadJSAtOnload() {
$LAB
.script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js")
.wait(function() {
});
}
// Check for browser support of event handling capability
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
</body>
</html>
Unidad 1. Introducción a HTML
Qué es HTML
Versiones de HTML
Los navegadores. Compatibilidad
Editores
Introducción al Bloc de notas
Compaginar dos sesiones
Etiquetas
Mi primera página
Unidad 2. Estructura de una página
Identificador del tipo de documento
Cabecera de la página
Título de la página