03
Páginas: 6 (1395 palabras)
Publicado: 13 de octubre de 2015
HTML (1)
Elementos básicos.Sintaxis
Tipo de documento
El título de mi página
Idioma
Eltítulo de mi página
Indica el idioma de la página
Códigos de idioma
Tipo de código
Indica que todo lo que hay en esta
etiqueta es código HTML
El título de mi página
Información del documento
El título de mi página
Información del documento. Título
</ title ><br />
<br />
<title>El título de mi página
Información del documento. Título
Caracteres especiales
</ title ><br />
<br />
<title>El título de mi página
El título de mi página
í
í
Tabla de códigos caracteres especiales
Información del documento. Título
Recomendaciones
</ title ><br />
<br />
• Los títulos deben tener significado yestar relacionados con el contenido de la página. Evitar por ej. Página1<br />
• El título debería ser único dentro del sitio web, por temas de posicionamiento<br />
<br />
• Menos de 65 letras o caracteres y/o menos de 15 palabras<br />
• Incluir en los títulos la/s palabra/s Clave de esa página<br />
<br />
Etiqueta Meta<br />
<br />
<meta charset="UTF-8" /><br />
<br />
Atributos. Sintaxis<br />
<br />
Comillas<br />
HTML5 acepta sin problemas prescindir de lacomillas, poner comilla simple o<br />
comilla doble en la sintaxis de los elementos y de los atributos. Los siguientes<br />
ejemplos son totalmente válidos en HTML5:<br />
<br />
<meta charset=UTF-8><br />
<meta charset=’UTF-8’><br />
<meta charset="UTF-8"><br />
<br />
Atributos. Sintaxis<br />
<br />
Cierre etiquetas<br />
<br />
<title> título </ title ><br />
<br />
En HTML5 no es obligatorio indicar el cierre de las etiquetas que solo cuentan con la apertura, pero esaconsejable<br />
<br />
<meta<br />
<meta<br />
<br />
atributos /><br />
atributos ><br />
<br />
Atributos. Sintaxis<br />
<br />
Mayúsculas<br />
<br />
HTML5 acepta sin problemas las mayúsculas y las minúsculas<br />
en la sintaxis de los elementos y de los atributos. Los siguientes<br />
ejemplos son totalmente válidos en HTML5:<br />
<br />
<SCRIPT src="miScript.js"></script><br />
<script SRC="MIscript.JS"></SCRIPT><br />
<sCriPt SrC="MiScript.js"></scRIpt><br />
<br />
Sintaxis. Recomendaciones<br />
<br />
Respetar sintaxisdel XHTML:<br />
•usar solamente minúsculas<br />
<br />
•usar siempre las comillas<br />
•cerrar con / las etiquetas que se auto-cierran<br />
•cerrar los elementos para los cuales la etiqueta de cierre sea facultativa<br />
•sangrar el código para aumentar la legibilidad<br />
<br />
Parte visible de la web. Body<br />
<br />
<body><br />
<br />
<p>Estructura, texto e imágenes…</p><br />
</body><br />
<br />
Información en formato texto. Párrafo<br />
<br />
<p> Primer párrafo. Este es elprimer párrafo de mi<br />
web</p><br />
<br />
Primer párrafo. Este<br />
es el primer párrafo<br />
de mi web<br />
<br />
<p>Primer párrafo.</p><br />
<br />
Primer párrafo.<br />
<br />
<p>Este es el primer párrafo de mi web</p><br />
<br />
Este es el primer<br />
párrafo de mi web<br />
<br />
Información en formato texto. Párrafo<br />
Espacios<br />
<p> Primer párrafo. Este es el primer párrafo de mi<br />
web</p><br />
<br />
<p> Primer párrafo. Este es el primer<br />
de mi web</p><br />
<p> Primer párrafo.<br />
Este es el... <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/03/75830719.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...MATRICES PARA LA PRUEBA DE ENTRADA PARA EL TERCER GRADO – ÁREA COMUNICACIÓN
MATRIZ PARA EVALUAR LA COMPRENSIÓN DE TEXTOS ESCRITOS
COMPETENCIAS
CAPACIDADES
INDICADORES
Nro. de ítems
Alternativa correcta
Comprende textos escritos
Recupera información de diversos textos escritos
Localiza información relevante en diversos tipos de texto con estructura compleja y, vocabulario variado y especializado
1
1 = b
Reconstruye la secuencia de un texto con estructura compleja y vocabulario variado y... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/75830719.html"
title="03"
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">580 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/03/73931713.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...EVALUACIÓN DE CONOCIMIENTOS (ENTRADA)
Apellidos y nombres: _______________________________________________________________________
Grado de instrucción: _________________________________ Ocupación: ___________________________
1. ¿Cuál es la norma que aprueba el reglamento de seguridad y salud ocupacional en minería?
a) D.S. N° 046–2001–EM.
b) D.S. N° 055–2010–EM.
c) D.S. N° 009–2005–TR.
d) D.S. N° 007–2007–TR.
2. ¿Cuál es el capital más importante de una empresa minera?
a) Las... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/73931713.html"
title="03"
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">865 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/03/81349144.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Estática
Octubre 2015 – Marzo 2016 - Periodo 47
Msc. Diego Freire Quiroga
Fuerzas Vectoriales
II
Msc. Diego Freire Quiroga
Suma de un Sistema de Fuerzas Coplanares
Notación
Notación Escalar: Ejes X y Y tienen asignadas
direcciones positivas y negativas y el sentido direccional
de las componentes rectangulares de una fuerza pueden
expresarse en términos de escalares algebraicos.
Fy (+)
Fx (+)
Fx (-)
Fy (-)
Notación
Notación Vectorial Cartesiana.Una Fuerza puede... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/81349144.html"
title="03"
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">673 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/03/74771614.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Tema N° 3:
El derecho en las
civilizaciones antiguas
Abog. Freddy R. Centurión González
Escuela de Derecho
EVOLUCIÓN
PREHISTORIA
“Ley del más
fuerte”
Abog. Freddy R. Centurión González
Escuela de Derecho
HISTORIA
Normas morales
orales
Normas morales
jurídicas
(costumbre)
Normas jurídicas
escritas
(derecho)
MESOPOTAMIA
• “Cuna de la civilización”
• Invención de la escritura
(3000 a.C), de la
moneda y de la rueda.
• Dieron las primeras
nociones de astronomía
y aritmética.
• Desarrollo... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/74771614.html"
title="03"
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">748 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/03/70043737.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...SUBSECRETARÍA DE EDUCACIÓN SUPERIOR
DIRECCIÓN GENERAL DE EDUCACIÓN SUPERIOR TECNOLÓGICA
INSTITUTO TECNOLÓGICO ÚRSULO GALVÁN
INVESTIGACIÓN
“PRINCIPALES ESPECIES CULTIVADAS POR ESTADO, SUPERFICIE Y PORCENTAJE DE PRODUCCIÓN”
LÓPEZ JUÁREZ SANDRA AMARILIS
N° CONTROL 13882095
SISTEMA DE PRODUCCIÓN AGRICOLA
ING. AGRONOMÍA, 4º SEMESTRE
MOD. A DISTANCIA
ING. GARAY PERALTA IGNACIO
URSULO GALVÁN, VERACRUZ; 28 FEBRERO 2015
Índice
1.1. Estadística. …………………………………………………………………….
1.1.1.... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/70043737.html"
title="03"
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">533 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/03/78045601.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Medios masivos de
comunicación social
el origen de los medios
masivos y la industria de la
comunicación, y su influencia
en la sociedad globalizada
Los medios masivos de comunicación
(mass media) son aquellos medios de
comunicación
que son recibidos por grandes audiencias
simultáneamente.
Históricamente se desarrollaron
gracias a los avances tecnológicos y a la cada más vasta
sociedad.
Los medios de comunicación masivos son un fenómeno
que cambia constantemente y que
es objeto de estudio de... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/78045601.html"
title="03"
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">720 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/03/80604835.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Biomecánica de las Técnicas Deportivas (3º)
Facultad de Ciencias del Deporte. Universidad de Castilla la Mancha.
47
TEMA 3: BIOMECÁNICA DE LAS MÁQUINAS DE
MUSCULACIÓN
1234-
La producción o la manifestación de la fuerza
Clasificación de ejercicios de fuerza
Características de las máquinas y sistemas usados
Respuesta a algunas preguntas y aplicaciones:
- ¿porqué se usan máquinas de resistencia variable?
- ¿porqué
es diferente
liberar o no la carga DE
al final
del
ALGUNAS
CARACTERÍSTICAS
LOS... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/80604835.html"
title="03"
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">1451 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/03/71953510.html"
title="03">
<h6 class="heading-s">
03 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Ideología y Teoría Sociológica.
Irving M. Zeitlin
3. Rousseau (1712-1778)
Típico pensador del iluminismo.
La LIBERTAD del hombre era un ideal fundamental pero no se podía alcanzar volviendo al “estado natural”.
La perfectibilidad (libertad, felicidad, dominio sobre su destino) dependía de una clara comprensión de las leyes de la naturaleza.
La naturaleza y la sociedad operan de acuerdo a tales leyes.
Los hombres deben interpretar estas leyes.
Objetivo Principal: hallar un orden social cuyas... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/03/71953510.html"
title="03"
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">1054 Palabras</span>
<span class="essay-details__item">5 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/Rem-Koolhaas/80027953.html" title="REM KOOLHAAS" class="mid-gray brand-primary--hover">REM KOOLHAAS</a>
</li>
<li class="margin-1">
<a href="/ensayos/Registro-La-Propiedad-Inmobiliaria-Por-Pisos/80027968.html" title="Registro La Propiedad Inmobiliaria Por Pisos Y Apartamentos Sub Grupo 6" class="mid-gray brand-primary--hover">Registro La Propiedad Inmobiliaria Por Pisos Y Apartamentos Sub Grupo 6</a>
</li>
<li class="margin-1">
<a href="/ensayos/Formato-Cesi-%C3%94n-De-Derechos-2015/80027974.html" title="FORMATO CESI ôN DE DERECHOS 2015 FINAL " class="mid-gray brand-primary--hover">FORMATO CESI ôN DE DERECHOS 2015 FINAL </a>
</li>
<li class="margin-1">
<a href="/ensayos/04/80027998.html" title="04" class="mid-gray brand-primary--hover">04</a>
</li>
<li class="margin-1">
<a href="/ensayos/Guia-1-Imprimir/80028034.html" title="Guia 1 Imprimir" class="mid-gray brand-primary--hover">Guia 1 Imprimir</a>
</li>
<li class="margin-1">
<a href="/ensayos/Apuntes/80028040.html" title="Apuntes" class="mid-gray brand-primary--hover">Apuntes</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>
Elementos básicos.Sintaxis
Tipo de documento
Estructura, texto e imágenes…
Idioma
Indica el idioma de la página
Estructura, texto e imágenes…
Códigos de idioma
Tipo de código
Indica que todo lo que hay en esta
etiqueta es código HTML
Estructura, texto e imágenes…
Información del documento
Estructura, texto eimágenes…
Información del documento. Título
Estructura, texto e imágenes…
Información del documento. Título
Caracteres especiales
í
í
Tabla de códigos caracteres especiales
Información del documento. Título
Recomendaciones