Dirección de la Página
http://www.w3schools.com/html/html_form_attributes.asp
Elementos
HTML documentos están compuestos por HTML elementos .
Elementos HTML
Elementos HTML se escriben con un inicio de etiqueta, con un extremo de etiqueta, con el contenido en entre:
contenido
El HTML elemento es todo, desde la etiqueta de inicio de la tarea de fin:
Mi primer párrafoHTML.
Start tag
Element content
End tag
My First Heading
My first paragraph.
Anidado elementos HTML
Elementos HTML pueden anidarse (elementos pueden contener elementos).
Todos los documentos HTML se componen de elementos HTML anidadas.
Este ejemplo contiene 4 elementos HTML:
Ejemplo
My First Heading
My firstparagraph.
Inténtelo usted mismo »
Ejemplo HTML explicó
El elemento define el conjunto de documentos .
Tiene un inicio etiqueta y un extremo etiqueta .
El elemento de contenido es otro elemento HTML (el elemento ).
My First Heading
My first paragraph.
El elemento define el cuerpo deldocumento .
Tiene un inicio etiqueta y un extremo etiqueta .
El elemento de contenido es otros dos elementos HTML ( y
).
My First Heading
My first paragraph.
El elemento define un rumbo .
Tiene un inicio etiqueta y un extremo etiqueta .
El elemento de contenido es: Mi primer encabezado.
My First Heading
El
elemento define un párrafo .
Tiene un inicio etiqueta
y un extremo etiqueta .
El elemento de contenido es: Mi primer párrafo.
My first paragraph.
No se olvide de la etiqueta de cierre
Algunos elementos HTML se mostrarán correctamente, incluso si se olvida de la etiqueta final:
Ejemplo
This is a paragraph
This is a paragraph
Inténtelo ustedmismo »
HTML Introducción
¿Qué es HTML?
HTML es un marcado lenguaje para describir documentos web (páginas web).
HTML significa H yper T ext M arkup L anguage
Un lenguaje de marcas es un conjunto de etiquetas de marcas
Los documentos HTML son descritos por las etiquetas HTML
Cada etiqueta HTML describe diferentes contenidos documento
Etiquetas HTML
Etiquetas HTML son palabras clave (nombres deetiqueta) rodeadas por paréntesis angulares :
contenido
Ejemplo Estructural HTML
Un pequeño documento HTML:
Page Title
My First Heading
My first paragraph.
Pruebe usted mismo »
Ejemplo Explicación
El DOCTYPE declaración define el tipo de documento para ser HTML
Eltexto entre y describe un documento HTML
El texto entre y proporciona información sobre el documento
El texto entre y </ title> ofrece un título para el documento<br />
El texto entre <body> y </ body> describe el contenido de la página visible<br />
El texto entre <h1> y </ h1> describe un título<br />
El texto entre <p> y </ p> describe el párrafo<br />
El uso de estadescripción, un navegador web puede mostrar un documento encabezado y un párrafo.<br />
<br />
HTML encabezamientos<br />
Títulos HTML se definen con los <h1> a <h6> etiquetas:<br />
Ejemplo<br />
<h1>This is a heading</h1><br />
<h2>This is a heading</h2><br />
<h3>This is a heading</h3><br />
<br />
Pruebe usted mismo »<br />
<br />
HTML Párrafos<br />
Párrafos HTML se definen con el <p> tag:<br />
Ejemplo<br />
<p>This is a paragraph.</p><br />
<p>This is another paragraph.</p><br />
<br />
Pruebeusted mismo »<br />
<br />
<br />
HTML Estilos<br />
Soy Red<br />
Soy Azul<br />
<br />
Pruebe usted mismo »<br />
<br />
<br />
HTML Styling<br />
Cada elemento HTML tiene un estilo por defecto (color de fondo es blanco, color del texto es negro, texto de tamaño es 12px ...)<br />
Cambiar el estilo por defecto de un elemento HTML, se puede hacer con el atributo de estilo .<br />
En este ejemplo se cambia el color de fondo por defecto de blanco a gris claro:<br />
Ejemplo... <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/54228014.html"
title="html">
<h6 class="heading-s">
html </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Propiedades eléctricas de los materiales
1. Generalidades
• Portadores eléctricos y enlace atómico
• Teoría de bandas
2. Conductividad eléctrica
• Metales
• Aislantes (cerámicos) y polímeros
• Semiconductores
3. Aislantes y propiedades dieléctricas
• Aislamiento eléctrico
• Polarización y constante dieléctrica
• Piezoelectricidad y ferroelectricidad
Importancia de las propiedades eléctricas
• En materiales conductores, p.ej. metales (hilo de... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html/54228014.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">1311 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/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>
</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/Daniel-Ceballos/76191256.html" title="Daniel Ceballos" class="mid-gray brand-primary--hover">Daniel Ceballos</a>
</li>
<li class="margin-1">
<a href="/ensayos/Lino-Sexualidad-y-Amor/76191259.html" title="Lino Sexualidad Y Amor" class="mid-gray brand-primary--hover">Lino Sexualidad Y Amor</a>
</li>
<li class="margin-1">
<a href="/ensayos/Planeta-Rica/76191265.html" title="Planeta Rica" class="mid-gray brand-primary--hover">Planeta Rica</a>
</li>
<li class="margin-1">
<a href="/ensayos/Her-Clito-Fragmentos/76191289.html" title="Her Clito Fragmentos" class="mid-gray brand-primary--hover">Her Clito Fragmentos</a>
</li>
<li class="margin-1">
<a href="/ensayos/Producci-n-Del-Petr-Leo-Antes/76191307.html" title="Producci n del petr leo antes del gobierno de Jos L pez Portillo" class="mid-gray brand-primary--hover">Producci n del petr leo antes del gobierno de Jos L pez Portillo</a>
</li>
<li class="margin-1">
<a href="/ensayos/02-Hidrologiamartes-Tabasco/76191316.html" title="02 HidrologiaMartes TABASCO" class="mid-gray brand-primary--hover">02 HidrologiaMartes TABASCO</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>