jueves, 19 de septiembre de 2013

ETIKETAS EN HTML5

DEFINICION DE ETIKETAS A USAR
autofocus placeholder="su nombre" sirve para poner un  enunciadop a dentyro del texbox.
Ejemplo:
<input type="text"  name="nombre" autofocus placeholder="su nombre"><br>
<input type="submit" value="ENVIAR">

<input type="file" multiple> sirve para cargar o buscar  archivos en el ordenador.
Ejemplo:
<input type="file" multiple>

Required = es para dar un mensaje si el campo no esta completo.
Ejemplo:
<input type="text" name="nom" required>
<input type="submit">

Numb er= min , max = permite acendes o decender los numero  establecidos.
Min = numero que es primero
Max =Numerofinal.
Step = de cuanto en cuanto ba a subir o bajar.
EJEMPLO:
<input type="number" min="18" max="80" step="2">
 





 METER= permite realizer operaciones de temperature en un ambiente o ciudad.
Value = ingresas una cantidad  determinada para la visualisacion de la temperatura .
Que tiene un minimo de 0 a un máximo de 100% de la barra .
<body>
<form>
temperatura<meter min="0" max="100" value="30"></meter>
</form>
Ejemplo 2:
<form>
temperatura<meter min="0" max="100" value="90"></meter>
</form>
</body>



<form>
<input type="text" list="flortes">
<datalist id="flores">
<option value="margarita">
<option value="rosa">
<option value="tulipan">
<option value="magnolia">
</datalist>
</form>


<input type="color">= permite mostrar una paleta de colores que puedes añadir al texto, pagina.
<input type="email">=permite verificar si realmente es un correo de email. Que si no es te devuelve un mensaje en la que te dice que no es un email valido.

Ejemplo:
<form>
<input type="color">
<input type="email">
<input type="submit">
</form>



<input type="date">=permite dar una fecha (dia,mes,año)ala pagina
<input type="month">=da valores  de días y fecha.





Publicadas por a la/s No hay comentarios.:

domingo, 15 de septiembre de 2013

etiketas1


  1. Etiqueta 
  2. Atributos de la etiqueta 
  3. Comentarios 
  4. <!-- --> 
  5. Estándar o ninguno 
  6. <!DOCTYPE> 
  7. Estándar o ninguno 
  8. <a> 
  9. href | target | rel | hreflang | media | type 
  10. Atributo Añadido: media
  11. Atributo cambiado: Target 
  12. <abb> 
  13. Estándar o ninguno 
  14. <acronym> 
  15. Etiqueta Eliminada 
  16. <address> 
  17. Estándar o ninguno 
  18. <applet> 
  19. Etiqueta eliminada 
  20. <area> 
  21. Estándar o ningunos 
  22. <article> 
  23. Atributos globales 
  24. Nueva etiqueta 
  25. <aside> 
  26. Atributos globales 
  27. Nueva etiqueta 
  28. <audio> 
  29. autobuffer | autoplay | controls | loop | src 
  30. Nueva etiqueta 
  31. <b> 
  32. Atributos globales 
  33. Etiqueta cambiada 
  34. <base> 
  35. Estándar o ninguno 
  36. <basefont> 
  37. Etiqueta eliminada 
  38. <bb> 
  39. Estándar o ninguno 
  40. <bdo> 
  41. Estándar o ninguno 
  42. <big> 
  43. Etiqueta eliminada 
  44. <blockquote> 
  45. Estándar o ninguno 
  46. <body> 
  47. Estándar o ninguno 
  48. <br> 
  49. Estándar o ninguno 
  50. <button> 
  51. Estándar o ninguno 
  52. <canvas> 
  53. height | width 
  54. Nueva etiqueta 
  55. <caption> 
  56. Estándar o ninguno 
  57. <center> 
  58. Etiqueta eliminada 
  59. <cite> 
  60. Atributos globales 
  61. Etiqueta cambiada 
  62. <code> 
  63. Estándar o ninguno 
  64. <col> 
  65. Estándar o ninguno 
  66. <colgroup> 
  67. Estándar o ninguno 
  68. <command> 
  69. checked | default | disabled | hidden | icon | label | radiogroup | type 
  70. Nueva etiqueta 
  71. <datagrid> 
  72. Estándar o ninguno 
  73. <datalist> 
  74. Atributos globales 
  75. Nueva etiqueta 
  76. <dd> 
  77. Estándar o ninguno 
  78. <del> 
  79. Estándar o ninguno 
  80. <details> 
  81. pen 
  82. Nueva etiqueta 
  83. <dialog> 
  84. Atributos globales 
  85. Nueva etiqueta 
  86. <dir> 
  87. Etiqueta eliminada 
  88. <div> 
  89. Estándar o ninguno 
  90. <dfn> 
  91. Estándar o ninguno 
  92. <dl> 
  93. Estándar o ninguno 
  94. <dt> 
  95. Estándar o ninguno 
  96. <em> 
  97. Estándar o ninguno 
  98. <embed> 
  99. height | src | type | width 
  100. Nueva etiqueta 
  101. <fieldset> 
  102. Estándar o ninguno 
  103. <figure> 
  104. Atributos globales 
  105. Nueva etiqueta 
  106. <font> 
  107. Etiqueta eliminada 
  108. <footer> 
  109. Atributos globales 
  110. Nueva etiqueta 
  111. <form> 
  112. Estándar o ninguno 
  113. <frame> 
  114. Etiqueta eliminada 
  115. <frameset> 
  116. Etiqueta eliminada 
  117. <h1> ... <h6> 
  118. Estándar o ninguno 

  120. <head> 
  121. Estándar o ninguno 
  122. <header> 
  123. Atributos globales 
  124. Nueva etiqueta 
  125. <hgroup> 
  126. hgroup ha sido eliminada de la especificación HTML5 
  127. <hr> 
  128. Ninguno 
  129. Etiqueta cambiada 
  130. <html> 
  131. Estándar o ninguno 
  132. <i> 
  133. Ninguno 
  134. Etiqueta cambiada 
  135. <iframe> 
  136. Estándar o ninguno 
  137. <img> 
  138. Estándar o ninguno 
  139. <input> 
  140. accept | alt | auto-complete | autofocus | cheked | disabled | form | formaction | formenctype | formmethod | formnovalidate | formtarget | height | list | max | maxlength | min | multiple | name | pattern | placeholder | readonly | required | size | src | step | type | value | width 
  141. Etiqueta cambiada: Añadidos 13 elementos a type 
  142. <ins> 
  143. Estándar o ninguno 
  144. <isindex> 
  145. Etiqueta eliminada 
  146. <kbd> 
  147. Estándar o ninguno 
  148. <label> 
  149. Estándar o ninguno 
  150. <legend> 
  151. Estándar o ninguno 
  152. <li> 
  153. Estándar o ninguno 
  154. <link> 
  155. Estándar o ninguno 
  156. <mark> 
  157. Atributos globales 
  158. Nueva etiqueta 
  159. <map> 
  160. Estándar o ninguno 
  161. <menu> 
  162. Estándar o ninguno 
  163. <meta> 
  164. Estándar o ninguno 
  165. <meter> 
  166. high | low | max | min | optimum | value 
  167. Nueva etiqueta 
  168. <nav> 
  169. Atributos globales 
  170. Nueva etiqueta 
  171. <noframes> 
  172. Etiqueta eliminada 
  173. <noscript> 
  174. Estándar o ninguno 
  175. <object> 
  176. Estándar o ninguno 
  177. <ol> 
  178. Estándar o ninguno 
  179. <optgroup> 
  180. Estándar o ninguno 
  181. <option> 
  182. Estándar o ninguno 
  183. <output> 
  184. form 
  185. Nueva etiqueta 
  186. <p> 
  187. Estándar o ninguno 
  188. <param> 
  189. Estándar o ninguno 
  190. <pre> 
  191. Estándar o ninguno 
  192. <progress> 
  193. max | value 
  194. Nueva etiqueta 
  195. <q> 
  196. <ruby> 
  197. cite 
  198. Nueva etiqueta 
  199. <rp> 
  200. Atributos globales 
  201. Nueva etiqueta 
  202. <rt> 
  203. Atributos globales 
  204. Nueva etiqueta 
  205. <s> 
  206. Etiqueta eliminada 
  207. <samp> 
  208. Estándar o ninguno 
  209. <script> 
  210. Estándar o ninguno 
  211. <section> 
  212. cite 
  213. Nueva etiqueta 
  214. <select> 
  215. Estándar o ninguno 
  216. <small> 
  217. Atributos globales 
  218. Etiqueta Cambiada 
  219. <source> 
  220. media | src | type 
  221. Nueva etiqueta 
  222. <span> 
  223. Estándar o ninguno 
  224. <strike> 
  225. Etiqueta eliminada 
  226. <strong> 
  227. Estándar o ninguno 
  228. <style> 
  229. Estándar o ninguno 
  230. <sub> 
  231. Estándar o ninguno 
  232. <sup> 
  233. Estándar o ninguno 
  234. <table> 
  235. Estándar o ninguno 
  236. <tbody> 
  237. Estándar o ninguno 
  238. <td> 
  239. Estándar o ninguno 
  240. <textarea> 
  241. Estándar o ninguno 
  242. <tfoot> 
  243. Estándar o ninguno 
  244. <th> 
  245. Estándar o ninguno 
  246. <thead> 
  247. Estándar o ninguno 
  248. <time> 
  249. datetime | pubdate 
  250. Nueva etiqueta 
  251. <title> 
  252. Estándar o ninguno 
  253. <tr> 
  254. Estándar o ninguno 
  255. <tt> 
  256. Etiqueta eliminada 
  257. <u> 
  258. Define texto que debe tener un estilo diferente del texto normal 3 
  259. <ul> 
  260. Estándar o ninguno 
  261. <var> 
  262. Estándar o ninguno 
  263. <video> 
  264. src | poster | autobuffer | autoplay | loop | controls | width | height 
  265. Nueva etiqueta 
  266. <xmp> 
  267. Etiqueta eliminada 
siculo de introducción a HTML5, vamos a hacer un repaso a algunas de las nuevas etiquetas que nos trae esta revisión del lenguaje. En particular, en este artículo, nos centraremos en las que han aparecido para añadir valor semántico y estructural a la web.


Algunas de las más importantes etiquetas introducidas en HTML5 son las que añaden valor semántico y estructural, es decir, indican de forma inequívoca las distintas partes de las que consta un página: cabecera, pie, navegación, ...


<HEADER>


La etiqueta <header> se usa para marcar un grupo de elementos de introducción o de navegación dentro de una sección o documento. Normalmente se usa para incluir los encabezados (<h1>–<h6> o <hgroup>) pero no es obligatorio. También puede contener otras cosas como el índice de una sección, un formulario de búsqueda, logos relevantes, ...


El uso de la etiqueta <header> no está restringido a una por documento, sino que se puede usar una por cada sección del mismo, de esta forma:


<header>


<h1>Título del documento</h1>


<p>Más información</p>


</header>






<article>


<header>


<h1>Título del artículo</h1>


<p>Autor del artículo</p>


</header>


<p>Texto del artículo</p>


</article>


Podemos ver además en el ejemplo que en HTML5 el uso de múltiples <h1> es válido.


Una cosa a tener en cuenta es que la etiqueta <header> se usa para marcar un grupo de elementos; es decir, si sólo tenemos un elemento no es necesario usar esta etiqueta. Por ejemplo, en este código no sería necesario:


<article>


<header>


<h1>Título del artículo</h1>


</header>


<p>Texto del artículo</p>


</article>


Sería más correcto de esta forma:


<article>


<h1>Título del artículo</h1>


<p>Texto del artículo</p>


</article>


<HGROUP>


La etiqueta <hgroup> se usa para agrupar un conjunto de uno o más elementos de encabezado (<h1>–<h6>).


El uso más típico de esta etiqueta es para agrupar el título de la página con su eslogan. Antes de HTML5 lo más típico era que este tipo de estructura se marcase así:


<div id="header">


<h1>Nombre de la empresa</h1>


<p>Eslogan de la empresa</p>


</div>


<div id="content">


<h2>Noticia 1</h2>


<p>Desarrollo de la noticia 1</p>






<h2>Noticia 2</h2>


<p>Desarrollo de la noticia 2</p>


</div>


Este tipo de estructura dejaba el eslogan al nivel de cualquier otro texto de la web, cuando es evidente que es un texto más importante. Marcarlo con un <h2> no era correcto ya que crearía una nueva sección que en realidad no existe. Con HTML5 podemos usar <hgroup> para darle la importancia que realmente tiene, asociándolo al título:


<hgroup>


<h1>Nombre de la empresa</h1>


<h2>Eslogan de la empresa</h2>


</hgroup>


<NAV>


La etiqueta <nav> se usa para marcar una sección del documento cuya función es la navegación por la página web.


Esta etiqueta no debe ser usada para marcar todos los grupos de enlaces, únicamente los bloques principales de navegación por la página. Por ejemplo, los típicos enlaces que hay en el pie de página no se deben marcar con <nav>.


<ARTICLE>


La etiqueta <article> se usa para marcar contenido independiente que tendría sentido fuera del contexto de la página actual y que podría sindicarse, por ejemplo: una noticia, un artículo en un blog o un comentario.


Normalmente un <article> tendrá, además de su propio contenido, también una cabecera (a menudo con<header>) y posiblemente un pie (<footer>).


<SECTION>


La etiqueta <section> se usa para marcar una sección genérica de un documento o aplicación. Una sección, en este contexto, es una agrupación temática del contenido, típicamente con un encabezado.


Ejemplos de uso de <section> podrían ser: capítulos, las pestañas en un menú tabulado o, en la página principal de un sitio web, la introducción, lista de noticias e información de contacto. Sólo se debería usar <section> para contenido independiente al que se podría poner un encabezado y que no sea susceptible de ir marcado con<article>, <aside> o <nav>.


Existe cierta confusión sobre cuándo usar <article> y cuándo <section> ya que ambos se parecen bastante. En general, se debe usar <article> cuando el contenido sea susceptible de ser sindicado (por ejemplo en unas RSS). Un ejemplo de uso de las dos etiquetas podría ser en la página principal de una web con un listado de noticias, de esta forma:


<h1>Título de la página</h1>


<section id="news-list">


<h2>Noticias</h2>






<article>


<h3>Noticia 1</h3>


<p>Desarrollo de la noticia 1</p>


</article>






<article>


<h3>Noticia 2</h3>


<p>Desarrollo de la noticia 2</p>


</article>


</section>


<ASIDE>


La etiqueta <aside> se usa para marcar un trozo de contenido que está relacionado con el contenido de la página web, pero que no es parte del mismo. Ejemplos de uso serían: glosario de términos, grupos de enlaces a páginas relacionadas, barras laterales, ...


<FOOTER>





La etiqueta <footer> se usa para marcar el pie de una sección o documento y que contiene información sobre el mismo como el autor, licencia, términos de uso, ...
Publicadas por a la/s No hay comentarios.:

etiketas

Las Etiquetas
http://www2.uca.es/serv/sc/manual-html/barra3.gif
     El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.
     Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo:
<B>
Letra Negrita, del inglés Bold (negrita).
<TABLE>
Definirá una tabla.
<IMG>
Inclusión de una IMaGen.
elioramos@gmail.con
     Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
     <ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
     Por ejemplo, con la etiqueta siguiente:
     <B>Texto que será en negrita</B>.
     Obtendremos:
     Texto que será en negrita
     Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos.
     El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal.
Atributos de las Etiquetas
http://www2.uca.es/serv/sc/manual-html/barra3.gif
     Las etiquetas pueden presentar modificadores que llamaremos atributos que permitirán definir diferentes posibilidades de la instrucción HTML. Estos atributos se definirán en la etiqueta de inicio y consistirán normalmente en el nombre del atributo y el valor que toma separados por un signo de igual. El orden en que se incluyan los atributos es indiferente, no afectando al resultado. Si se incluyen varias veces el mismo atributo con distintos valores el resultado obtenido será imprevisible dependiendo de como lo interprete el navegador. Cuando el valor que toma el atributo tiene más de una palabra deberá expresarse entre comillas, en otro caso no será necesario.
     Un ejemplo de atributo será:
     <A HREF="http://www.uca.es">Pagina principal de la UCA</A>
     En este caso la etiqueta A presenta un atributo HREF cuyo valor es http://www.uca.es.
     Igualmente una etiqueta podría presentar varios atributos:
     <HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>
     En este caso la etiqueta HR presenta cuatro atributos. El segundo atributo NOSHADE es un caso especial que no presenta valor. El orden en que se especifiquen los atributos no afectarán al resultado final.
Etiquetas correctas
http://www2.uca.es/serv/sc/manual-html/barra3.gif
     Todo texto que se encuentre entre los caracteres < y > se considerará una etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no será tenida en cuenta, sin causar ningún tipo de error. Dejándose el texto o las etiquetas a las que afectaba como si no existiera la etiqueta extraña. Cuando se comete un error sintáctico al expresar una etiqueta o un atributo no se producirá ningún error, simplemente no de obtendrá el efecto que deseábamos.
     El lenguaje HTML es un lenguaje que evoluciona muy rápidamente y cada nueva versión de los programas navegadores presenta etiquetas nuevas que causan efectos más espectaculares o atributos nuevos de las etiquetas ya existentes. Esto causa que los programas más antiguos no entiendan estas nuevas etiquetas y por tanto las considere erróneas y no realice la acción que deseábamos. Dándose el caso de atributos que son validos solo para un único navegador.
     Cuando creemos código HTML hay que hacerlo lo más estándar posible para permitir que el documento pueda ser visto de forma efectiva por distintos navegadores en maquinas distintas. Por tanto debemos renunciar a efectos espectaculares que solo tienen validez en un navegador e intentar comprobar como se ve el documento en una variedad de navegadores, ya que las personas que se conectan a nuestras páginas no tendrán en la mayoría de los casos el mismo que nosotros. Tambien es interesante como se vería el documento en los distintos tamaños de la ventana del navegador, teniendo en cuenta que todos no tienen un monitor con la misma resolución.
     En este manual se han tratado de incluir las características más estándar de HTML y en caso de tratarse de instrucciones más particulares se indicará convenientemente.


Publicadas por a la/s No hay comentarios.:

jueves, 12 de septiembre de 2013

trabajo de eliot

                      Clases de APLICATIVOS DE SERVICIO WEB
12/09/13

<form name="f1" action="resp01.php" method="get">

su nombre <input type="text" name="nombre"/><br/>
su apellido <input type ="text" name="ape" /><bvr/>
su edad <input type="text" name="edad" /><br/>
<input type="submit" value="Enviar Datos"/>
</form>

<?php
echo "primer ejercicio con PHP";
?>




















<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

<body>

<h1>Resultado</h1>
<p>Se recibieron datos</p>
<?php
$nombre =$_GET["nombre"];
$ape=$_GET["ape"];
$edad=$_GET["edad"];

echo "su nombre es"." ".$nombre." ".$ape."<br>";
echo "edad es ".$edad."Años";
?>
<p>Hola<?php echo $nombre." ".$ape;?>
Tu tienes <?php echo $edad;?> años.</p>


</body>
</html>



Publicadas por a la/s No hay comentarios.:

miércoles, 11 de septiembre de 2013

http://es.scribd.com/doc/167549697/Concept-o

http://es.scribd.com/doc/167549697/Concept-o
Publicadas por a la/s No hay comentarios.:
Suscribirse a: Entradas (Atom)