Introducci N Al Lenguaje HTML5MA 1
Páginas: 187 (46506 palabras)
Publicado: 2 de abril de 2015
Edición.
Cursos Prácticos
HTML5
INICIACIÓN AL DISEÑO WEB
www.aprendoencasa.com
Dinámica
Lucía Castillo 2013
HTML5
Curso de introducción al diseño Web – www.aprendoencasa.com
1
Contenido
Introducción al lenguaje HTML5 ............................................................................................ 10
Historia e introducción al lenguaje de programación web HTML5................................... 10
Lenguaje de etiquetas ............................................................................................................. 11
Estructura y definición de documento HTML ........................................................................ 13
Estructura básica de una página en HTML5 .......................................................................13
Definición del tipo de documento ..................................................................................... 14
Etiqueta ......................................................................................................... 16
Ejercicios 1............................................................................................................................... 18Etiqueta ................................................................................................................ 20
Documento Web ................................................................................................................. 20
manifest............................................................................................................................20
Etiqueta ................................................................................................................ 22
Encabezado del documento HTML .................................................................................... 22
Etiqueta ................................................................................................................. 22<br />
Encabezadodel documento HTML .................................................................................... 22<br />
Etiqueta <META> ................................................................................................................. 23<br />
Encabezado del documento HTML .................................................................................... 23<br />
charset.............................................................................................................................. 23<br />
name, content .................................................................................................................. 24<br />
http-equiv......................................................................................................................... 25<br />
Etiqueta <BASE>.................................................................................................................. 26<br />
Encabezado del documento HTML .................................................................................... 26<br />
href ................................................................................................................................... 26<br />
target................................................................................................................................ 27<br />
Etiqueta <LINK> .................................................................................................................. 28<br />
Encabezado del documento HTML .................................................................................... 28<br />
href................................................................................................................................... 28<br />
hreflang ............................................................................................................................ 28<br />
rel ..................................................................................................................................... 29<br />
sizes... <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/Introducci-n-Al-Lenguaje-Html5Ma-1/72947665.html"
title="Introducci N Al Lenguaje HTML5MA 1">
<h6 class="heading-s">
Introducci N Al Lenguaje HTML5MA 1 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...WEB
www.aprendoencasa.com
Dinámica
Lucía Castillo 2013
HTML5
Curso de introducción al diseño Web – www.aprendoencasa.com
<b><i>1</i></b>
Contenido
Introducción al <b><i>lenguaje</i></b> HTML5 ............................................................................................ 10
Historia e introducción al <b><i>lenguaje</i></b> de programación web HTML5 ................................... 10
<b><i>Lenguaje</i></b> de etiquetas... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Introducci-n-Al-Lenguaje-Html5Ma-1/72947665.html"
title="Introducci N Al Lenguaje HTML5MA 1"
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">46506 Palabras</span>
<span class="essay-details__item">187 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Introducci-n-Al-Lenguaje-c-1/68840395.html"
title="Introducci N Al Lenguaje C 1">
<h6 class="heading-s">
Introducci N Al Lenguaje C 1 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Instrucciones: Responda las siguientes preguntas:
<b><i>1</i></b>. ¿Qué es un programa de computadora?
R: Un programa de computadora o simplemente un programa, es una secuencia de instrucciones, escritas para realizar una tarea específica con una computadora.
2. ¿Qué es una variable?- espacio de memoria de un ordenador, necesario para la ejecución de «programas».
3. ¿Qué es un editor desde el punto de viste de un programador?- es un programa que permite crear y modificar archivos... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Introducci-n-Al-Lenguaje-c-1/68840395.html"
title="Introducci N Al Lenguaje C 1"
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">555 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/1-Introducci-n-1/75221926.html"
title="1 Introducci n 1">
<h6 class="heading-s">
1 Introducci n 1 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...introducción a los
negocios
Dr. Elías Alvarado Lagunas
www.eliasalvarado.com
INTRODUCCIÓN A LOS NEGOCIOS
Contenido
TEMA <b><i>1</i></b>.
Los negocios en un mundo cambiante
1.1 Dinámica de las empresas y la economía
1.2 Ética y responsabilidad social de las empresas
1.3 Negocios en un mundo sin fronteras
1.4 Administración de las tecnologías de la información
INTRODUCCIÓN A LOS NEGOCIOS
<b><i>1</i></b>. La dinámica de las empresas
y la economía
INTRODUCCIÓN A LOS NEGOCIOS
El objetivo... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/1-Introducci-n-1/75221926.html"
title="1 Introducci n 1"
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">1655 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/Introducci-n-Al-Lenguaje-Php/77371363.html"
title="Introducci N Al Lenguaje PHP">
<h6 class="heading-s">
Introducci N Al Lenguaje PHP </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Introducción al <b><i>Lenguaje</i></b> PHP
¿QUÉ ES PHP?
El <b><i>lenguaje</i></b> de programación PHP Hypertext Pre-processor , fue desarrollado puntualmente para diseñar páginas web dinámicas programando scripts del lado del servidor. El <b><i>lenguaje</i></b> PHP siempre va incrustado dentro del HTML y generalmente se le relaciona con el uso de servidores linux. Originalmente diseñado por el programador danés-canadiense Rasmus Lerdorf, en el año 1994 en base a la escritura de un grupo de... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Introducci-n-Al-Lenguaje-Php/77371363.html"
title="Introducci N Al Lenguaje PHP"
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">1148 Palabras</span>
<span class="essay-details__item">5 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Introducci-n-Al-Lenguaje-c/78273295.html"
title="Introducci N Al Lenguaje C">
<h6 class="heading-s">
Introducci N Al Lenguaje C </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Introducción al <b><i>lenguaje</i></b> C# y .NET Framework
C# es un <b><i>lenguaje</i></b> orientado a objetos elegante y con seguridad de tipos que permite a los
desarrolladores compilar diversas aplicaciones sólidas y seguras que se ejecutan en .NET
Framework. Puede utilizar C# para crear aplicaciones cliente de Windows, servicios Web
XML, componentes distribuidos, aplicaciones cliente-servidor, aplicaciones de base de
datos, y mucho, mucho más. Visual C# proporciona un editor de código... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Introducci-n-Al-Lenguaje-c/78273295.html"
title="Introducci N Al Lenguaje C"
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">1050 Palabras</span>
<span class="essay-details__item">5 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/1-Portada-e-Introducci-n/78514216.html"
title="1 PORTADA E INTRODUCCI N">
<h6 class="heading-s">
1 PORTADA E INTRODUCCI N </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...profesional. Frente a ustedes está el reto. En sus manos, junto a su esfuerzo, la clave para vencerlo. ¡Éxito!
Lic. María Victoria Roldán D.
TABLA DE CONTENIDO
Introducción
Capítulo Introductorio…………………………………………………………………………………………………………
Capítulo <b><i>1</i></b>. Células y tejidos…………………………………………………………………………………………………
Capítulo 2. Membrana plasmática. Transporte celular. ………………………………………………………
Capítulo 3. Organelos celulares. Fotosíntesis. Respiración………………………………………………….
Capítulo 4. Núcleo y... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/1-Portada-e-Introducci-n/78514216.html"
title="1 PORTADA E INTRODUCCI N"
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">622 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/Introducci-n-Al-Derecho-1/70146388.html"
title="INTRODUCCI N AL DERECHO 1">
<h6 class="heading-s">
INTRODUCCI N AL DERECHO 1 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...se realiza en la cual la producirá como tal una sanción proporcionada a la misma al incumplimiento de deberes en el ejercicio del derecho.
“Art 23”
Causales de exclusión de responsabilidad para los funcionarios o servidores públicos.
“Art 28”
<b><i>1</i></b>. Por fuerza mayor.
2. Por salvar un derecho propio o ajeno al cual debe acceder al cumplimiento del deber.
3. Cumplimiento de un orden con legitimidad emitida según los formalidades legales.
4. Por insuperable coacción ajena o... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Introducci-n-Al-Derecho-1/70146388.html"
title="INTRODUCCI N AL DERECHO 1"
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">1423 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/1-Introducci-n-a-La-Biolog/71889052.html"
title="1 Introducci n a la biolog a">
<h6 class="heading-s">
1 Introducci n a la biolog a </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Facultad de Ciencias
E.A.P. Biología
Microbiología
Curso: Biología
Introducción a la Biología
MSc. Carlos Tito Vargas
<b><i>1</i></b>.
2.
3.
4.
5.
6.
7.
Características de los
seres
vivos
Los seres vivos tenen
una estructura
compleja y organizada que
consta de moléculas orgánicas.
Los seres vivos responden a los estímulos de su ambiente
Los seres vivos mantenen condiciones internas relatvamente
constantes.
Los seres vivos obtenen y usan materiales y energía.
Los seres vivos crecen.
Los... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/1-Introducci-n-a-La-Biolog/71889052.html"
title="1 Introducci n a la biolog a"
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">1595 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/Mbp-Truchas/70598308.html" title="MBP TRUCHAS" class="mid-gray brand-primary--hover">MBP TRUCHAS</a>
</li>
<li class="margin-1">
<a href="/ensayos/Inversiones-Temporales/70598365.html" title="Inversiones Temporales" class="mid-gray brand-primary--hover">Inversiones Temporales</a>
</li>
<li class="margin-1">
<a href="/ensayos/Expo-Filosofia/70598431.html" title="EXPO FILOSOFIA" class="mid-gray brand-primary--hover">EXPO FILOSOFIA</a>
</li>
<li class="margin-1">
<a href="/ensayos/El-Ciclo-Celular/70598473.html" title="El Ciclo Celular" class="mid-gray brand-primary--hover">El Ciclo Celular</a>
</li>
<li class="margin-1">
<a href="/ensayos/Problem-Tica-De-1931/70598476.html" title="Problem Tica De 1931" class="mid-gray brand-primary--hover">Problem Tica De 1931</a>
</li>
<li class="margin-1">
<a href="/ensayos/Epistemologia/70598521.html" title="Epistemologia" class="mid-gray brand-primary--hover">Epistemologia</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>
Cursos Prácticos
HTML5
INICIACIÓN AL DISEÑO WEB
www.aprendoencasa.com
Dinámica
Lucía Castillo 2013
HTML5
Curso de introducción al diseño Web – www.aprendoencasa.com
1
Contenido
Introducción al lenguaje HTML5 ............................................................................................ 10
Historia e introducción al lenguaje de programación web HTML5................................... 10
Lenguaje de etiquetas ............................................................................................................. 11
Estructura y definición de documento HTML ........................................................................ 13
Estructura básica de una página en HTML5 .......................................................................13
Definición del tipo de documento ..................................................................................... 14
Etiqueta ......................................................................................................... 16
Ejercicios 1............................................................................................................................... 18Etiqueta ................................................................................................................ 20
Documento Web ................................................................................................................. 20
manifest............................................................................................................................20
Etiqueta ................................................................................................................ 22
Encabezado del documento HTML .................................................................................... 22
Etiqueta