<!doctype html>
<html>
<head>
<title>Formulario</title>
<meta charset="utf-8" />
</head>
<body>
<form method:"get" action="#">
Nombre: <input type="text" name="txtNombre" id="txtNombre" placeholder="Teclea tu nombre" />
<input type="submit" value="Enviar" />
<br />Contraseña: <input type="password" id="pssWrd" name="passWrd" />
<br />Recordarme? <input type="checkbox" id="chPass" name="chPass">
Sexo: <input type="radio" id="rbMasculino" name="rbSexo" />Masculino
<input type="radio" id="rbFemenino" name="rbSexo" />Femenino
<input type="radio" id="rbLadyGaga" name="rbSexo" />No se
<br /> <input type="reset" value="Limpiar" />
<br /><input type="button" value="Alimento" />
<br /><select id="cmbEstado" name="cbmEstado">
<option value="Chih">Chihuahua</option>
<option value="Son">Sonora</option>
</select>
<br /><select id="cmbEstado" name="cbmEstado" multiple="multiple" size="8">
<option value="Chih">Chihuahua</option>
<option value="Son">Sonora</option>
</select>
</form>
</body>
</html>
28 de septiembre de 2016
26 de septiembre de 2016
Practica 1 de la segunda
<!Doctipe html>
<html>
<head>
<title>Recetario</title>
<meta charset="utf-8" />
<head>
<body>
<h1>SANDWICH DE JAMON CON QUESO</h1>
<br /> Porcion para 1 persona golosa o dos individuos timidos.
<br /><img src="http://milagil.com/cocina-facil-y-rapida/wp-content/uploads/2014/09/sandwich-de-jam%C3%B3n-y-queso.jpg">
<br /><b>Ingredientes</b>
<ul>
<li><a href="https://www.walmart.com.mx/super/pan-de-caja/pan-blanco-bimbo-grande-680-g-0750100011120/">Pan</a></li>
<li><a href="http://www.quesoadictos.com/">Queso</a></li>
<li> <a href="https://www.walmart.com.mx/super/carnes-frias/jamon-de-pierna-zwanenberg-estilo-holandes-por-kg-0020526900000/?gclid=CMuR07eXrs8CFZKMaQodIFcLiQ">Jamon</a></li>
<li> <a href="https://www.walmart.com.mx/super/sin-sal/mantequilla-sin-sal-lala-en-barra-90-g-0750102053797/">Mantequilla</a></li>
<li><a href="https://www.walmart.com.mx/super/catsup-y-mostaza/catsup-heinz-680-g-0060887500512/">Catsup</a></li>
<li><a href="https://www.walmart.com.mx/super/sal-y-condimentos/sal-la-fina-refinada-750-g-0003458709066/">Sal</a></li>
</ul>
<br/><b>Preparación</b>
<ol>
<li>Primerocortamos el quesito y el jamon</li>
<li>Pones a calentar el panesito cubierto de mantequillita</li>
<li>Una vez cortado pones en un sarte a calentar el jamon</li>
<li>Cuando el se vea doradito, jugoso y sabrosito se lo pones al pan, si se esta a dieta se recomienda echar solo una rebanada en caso contrario se puede proceder a echar dos o hasta tres</li>
<li>Pones el queso sobre el jamon calientito y tuiernito para que se derrita</li>
<li>Listo, solo falta echar sal y catsup al gusto y disfrutar</li>
</ol>
</body>
</html>
<html>
<head>
<title>Recetario</title>
<meta charset="utf-8" />
<head>
<body>
<h1>SANDWICH DE JAMON CON QUESO</h1>
<br /> Porcion para 1 persona golosa o dos individuos timidos.
<br /><img src="http://milagil.com/cocina-facil-y-rapida/wp-content/uploads/2014/09/sandwich-de-jam%C3%B3n-y-queso.jpg">
<br /><b>Ingredientes</b>
<ul>
<li><a href="https://www.walmart.com.mx/super/pan-de-caja/pan-blanco-bimbo-grande-680-g-0750100011120/">Pan</a></li>
<li><a href="http://www.quesoadictos.com/">Queso</a></li>
<li> <a href="https://www.walmart.com.mx/super/carnes-frias/jamon-de-pierna-zwanenberg-estilo-holandes-por-kg-0020526900000/?gclid=CMuR07eXrs8CFZKMaQodIFcLiQ">Jamon</a></li>
<li> <a href="https://www.walmart.com.mx/super/sin-sal/mantequilla-sin-sal-lala-en-barra-90-g-0750102053797/">Mantequilla</a></li>
<li><a href="https://www.walmart.com.mx/super/catsup-y-mostaza/catsup-heinz-680-g-0060887500512/">Catsup</a></li>
<li><a href="https://www.walmart.com.mx/super/sal-y-condimentos/sal-la-fina-refinada-750-g-0003458709066/">Sal</a></li>
</ul>
<br/><b>Preparación</b>
<ol>
<li>Primerocortamos el quesito y el jamon</li>
<li>Pones a calentar el panesito cubierto de mantequillita</li>
<li>Una vez cortado pones en un sarte a calentar el jamon</li>
<li>Cuando el se vea doradito, jugoso y sabrosito se lo pones al pan, si se esta a dieta se recomienda echar solo una rebanada en caso contrario se puede proceder a echar dos o hasta tres</li>
<li>Pones el queso sobre el jamon calientito y tuiernito para que se derrita</li>
<li>Listo, solo falta echar sal y catsup al gusto y disfrutar</li>
</ol>
</body>
</html>
22 de septiembre de 2016
Notas 22-9-2016
EJERCICIO
<!Doctipe html>
<html>
<head>
<title>Tablas</title>
<meta charset="utf-8" />
</head>
<body>
<table border="5">
<tr>
<td><img src="http://cdn1.sciencefiction.com/wp-
content/uploads/2011/08/Rise-of-the-Planet-of-the-Apes-
Poster_.jpg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=13663">Planeta de los simios</a></td>
<td>Son changos que pelean con humanos y se matan y ayudan a
la gente y bailan y saben karate</td>
</tr>
<tr>
<td><img
src="http://scene7.targetimg1.com/is/image/Target/13482330?
wid=150&hei=150&wid=250&hei=250&qlt=80&fmt=pjpeg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=14576">Rubber</a></td>
<td>"Conoce la fasinante historia de una llanta afrontando
peligros y problemas que cualquier llanta podría tener"</td>
</tr>
<tr>
<td><img
src="https://moviemusicuk.files.wordpress.com/2016/07/thefly.jpg?
w=595"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=285">La mosca</a></td>
<td>"La facinante historia de un hombre que se hace mosca y es
la persona mas feliz del mundo"</td>
</tr>
</table>
</body>
</html>
<!Doctipe html>
<html>
<head>
<title>Tablas</title>
<meta charset="utf-8" />
</head>
<body>
<table border="5">
<tr>
<td><img src="http://cdn1.sciencefiction.com/wp-
content/uploads/2011/08/Rise-of-the-Planet-of-the-Apes-
Poster_.jpg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=13663">Planeta de los simios</a></td>
<td>Son changos que pelean con humanos y se matan y ayudan a
la gente y bailan y saben karate</td>
</tr>
<tr>
<td><img
src="http://scene7.targetimg1.com/is/image/Target/13482330?
wid=150&hei=150&wid=250&hei=250&qlt=80&fmt=pjpeg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=14576">Rubber</a></td>
<td>"Conoce la fasinante historia de una llanta afrontando
peligros y problemas que cualquier llanta podría tener"</td>
</tr>
<tr>
<td><img
src="https://moviemusicuk.files.wordpress.com/2016/07/thefly.jpg?
w=595"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=285">La mosca</a></td>
<td>"La facinante historia de un hombre que se hace mosca y es
la persona mas feliz del mundo"</td>
</tr>
</table>
</body>
</html>
20 de septiembre de 2016
Notas 20-9-2016
<!doctype html>
<html>
<head>
<title> Mas etiquetas </title>
</head>
<body>
<p>
Ecuacion cuadratica para una parabola ax<sup>2</sup>+bx+c
<br />Formula quimica del agua H<sub>2</sub>0
</p>
<p>
Da click <a href="https://es.wikipedia.org">aqui</a> para ir a
wikipedia
</p>
<img src="http://www.cometelasopa.com/wp-
content/uploads//2011/02/shutterstock_128569886.jpg" width=100px
hight=100px>
<br /><i>Consejo: No usar width y hight de preferencia y utilizar una
imagen ya redimencionada</i>
<br />
<a href="https://es.wikipedia.org/wiki/Canis_lupus_familiaris"><img
src="https://media.giphy.com/media/13mLwGra9bNEKQ/giphy.gif"
width=100px hight=100px> <a>
</body>
</html>
PRACTICA: HACER UNA LISTA DE PELICULAS CON CADA ELEMENTO DE LA LISTA CON UN LINK A WIKIPEDIA
<!doctype html>
<html>
<head>
<title>TOP 7 PELICULAS MAS PERTURBADORAS</title>
</head>
<body>
<img src="https://k60.kn3.net/taringa/5/7/6/3/6/1/Beriku/6BB.jpg"
width=200 hight=200>
<br />
<ol>
<a href="https://es.wikipedia.org/wiki/Chucky"><li>Chucky</li></a>
<a href="https://es.wikipedia.org/wiki/The_Land_Before_Time"><li>Pie
pequeño</li></a>
<a
href="https://es.wikipedia.org/wiki/Jason_Voorhees"><li>Jason</li></a>
<a href="https://es.wikipedia.org/wiki/Barney_y_sus_amigos"><li>La
aventura de Barney</li></a>
<a
href="https://es.wikipedia.org/wiki/Cory_en_la_Casa_Blanca"><li>Cody
en la casa blanca</li></a>
<a href="https://es.wikipedia.org/wiki/Rubber_(pel
%C3%ADcula)"><li>Rubber: La llanta asesina</li></a>
<a href="https://es.wikipedia.org/wiki/Ex_machina_(pel
%C3%ADcula)"><li>Exmachina</li></a>
</ol>
</body>
</html>
<html>
<head>
<title> Mas etiquetas </title>
</head>
<body>
<p>
Ecuacion cuadratica para una parabola ax<sup>2</sup>+bx+c
<br />Formula quimica del agua H<sub>2</sub>0
</p>
<p>
Da click <a href="https://es.wikipedia.org">aqui</a> para ir a
wikipedia
</p>
<img src="http://www.cometelasopa.com/wp-
content/uploads//2011/02/shutterstock_128569886.jpg" width=100px
hight=100px>
<br /><i>Consejo: No usar width y hight de preferencia y utilizar una
imagen ya redimencionada</i>
<br />
<a href="https://es.wikipedia.org/wiki/Canis_lupus_familiaris"><img
src="https://media.giphy.com/media/13mLwGra9bNEKQ/giphy.gif"
width=100px hight=100px> <a>
</body>
</html>
PRACTICA: HACER UNA LISTA DE PELICULAS CON CADA ELEMENTO DE LA LISTA CON UN LINK A WIKIPEDIA
<!doctype html>
<html>
<head>
<title>TOP 7 PELICULAS MAS PERTURBADORAS</title>
</head>
<body>
<img src="https://k60.kn3.net/taringa/5/7/6/3/6/1/Beriku/6BB.jpg"
width=200 hight=200>
<br />
<ol>
<a href="https://es.wikipedia.org/wiki/Chucky"><li>Chucky</li></a>
<a href="https://es.wikipedia.org/wiki/The_Land_Before_Time"><li>Pie
pequeño</li></a>
<a
href="https://es.wikipedia.org/wiki/Jason_Voorhees"><li>Jason</li></a>
<a href="https://es.wikipedia.org/wiki/Barney_y_sus_amigos"><li>La
aventura de Barney</li></a>
<a
href="https://es.wikipedia.org/wiki/Cory_en_la_Casa_Blanca"><li>Cody
en la casa blanca</li></a>
<a href="https://es.wikipedia.org/wiki/Rubber_(pel
%C3%ADcula)"><li>Rubber: La llanta asesina</li></a>
<a href="https://es.wikipedia.org/wiki/Ex_machina_(pel
%C3%ADcula)"><li>Exmachina</li></a>
</ol>
</body>
</html>
19 de septiembre de 2016
Notas 19-9-16 Programacion Web
EJERCICIO:
<!doctype html>
<html>
<head>
<title>Practica del Lunes</title>
</head>
<body>
<pre>
LA ETIQUETA PRE USA EL FORMATO DEFINIDO EN EL ARCHIVO DE TEXTO
Y NO LE DA UN FORMATO NUEVO COMO LA ETIQUETA P
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</pre>
<p>
Ejemplo herramienta p
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</p>
<b>Herramienta Bold</b>
<br/><i>Herramienta i Italica</i>
<br/><b><i>Combinacion de negritas con italicas</i></b>
<br/><strong>Etiqueta strong:Es texto mas importante</strong>
<br/><em>Etiqueta enfatizado:Es texto enfatizado para el navegador web</em>
<br/><mark>Herramienta Mark:Remarcar con marcador</mark>
<br/>El subrayado se agrega con una hoja de estilo
<br/>
<h3>Ul Unsorted List y li List Item</h3>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<li>Se cambian los elementos con la hoja de estilos</li>
Sin list item no se le pone una viñeta al elemento de la etiqueta
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<br/>
<h3>Ol Order List y li List Item</h3>
<ol>
<li>Con la hoja de estilos se pueden cambiar los numeros</li>
<li>Por numeros romanos o letras</li>
<li>Lista 3</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
</ol>
</body>
</html>
<!doctype html>
<html>
<head>
<title>Practica del Lunes</title>
</head>
<body>
<pre>
LA ETIQUETA PRE USA EL FORMATO DEFINIDO EN EL ARCHIVO DE TEXTO
Y NO LE DA UN FORMATO NUEVO COMO LA ETIQUETA P
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</pre>
<p>
Ejemplo herramienta p
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</p>
<b>Herramienta Bold</b>
<br/><i>Herramienta i Italica</i>
<br/><b><i>Combinacion de negritas con italicas</i></b>
<br/><strong>Etiqueta strong:Es texto mas importante</strong>
<br/><em>Etiqueta enfatizado:Es texto enfatizado para el navegador web</em>
<br/><mark>Herramienta Mark:Remarcar con marcador</mark>
<br/>El subrayado se agrega con una hoja de estilo
<br/>
<h3>Ul Unsorted List y li List Item</h3>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<li>Se cambian los elementos con la hoja de estilos</li>
Sin list item no se le pone una viñeta al elemento de la etiqueta
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<br/>
<h3>Ol Order List y li List Item</h3>
<ol>
<li>Con la hoja de estilos se pueden cambiar los numeros</li>
<li>Por numeros romanos o letras</li>
<li>Lista 3</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
</ol>
</body>
</html>
15 de septiembre de 2016
Notas: 15-9-2016
Estudiar para el exmane las epocas, no estudiar fechas especificas, por ejemplo cuando termino el proyecto arphanet, va a venir que es los encabezados, que es html, para que funciona cada una,
En HTML se eliminaro ciertas etiquetas porque no describian el documento solo servian para el estilo, lo cual era responsabilidad para las hojas de estilo, se elimina el applet
Descargar: http://brackets.io/
Las hojas de estiilo son internas, externas y lineas
Existe una cuarta hoja de estilo en caso de que las otras tres fallen, la hoja es de el navegador y tiene un standar para que se vea una pagina lo mas parecido entre un navegador y otra
EJERCICIO DE EJEMPLO 01
<!doctype html>
<html>
<head>
<title>EJEMPLO DEL DIA JUEVES</title>
</head>
<body>
<h1>Encabezado tipo 1 </h1>
<h2>Encabezado tipo 2</h2>
<h3>Encabezado tipo 3</h3>
<h4>Encabezado tipo 4</h4>
<h5>Encabezado tipo 5</h5>
<h6>Encabezado tipo 6</h6>
</body>
</html>
EJERCICIO EJEMPLO 02 Parrafos y saltos de linea
<!doctype html>
<html>
<head>
<title>EJEMPLO DEL DIA JUEVES</title>
</head>
<body>
<h1>Etiqueta parrafo</h1>
<p>
Otra novedad:
Este 15 de septiembre (jueves) se libera el la Coro Coro Cómics, entra a.
escena el nuevo cómic del mundo Pokémon, "Pokémon Horizon", el cual es finalmente, el inicio de la la saga de ¡"Pokémon So l y la Luna"! e ¡Iwanko perrito del héroe Pokémon!
Para html la herramienta parrafo no le importa si hay puntos y aparte o espaciados largo en blanco.
<br/>Si se quiere un salto de line se necesita de la herramienta br o usar otro parrafo diferente
</p>
<p>Por ejemplo este es otro parrafo
<br />y este es otro salto de parrafo
</p>
</body>
</html>
EJERCICIO 2.5.- Identidades
<!doctype html>
<html>
<head>
<title>EJEMPLO DEL DIA JUEVES</title>
</head>
<body>
<h1>Etiqueta parrafo</h1>
<p>
Otra novedad:
Este 15 de septiembre (jueves) se libera el la Coro Coro Cómics, entra a.
escena el nuevo cómic del mundo Pokémon, "Pokémon Horizon", el cual es finalmente, el inicio de la la saga de ¡"Pokémon So l y la Luna"! e ¡Iwanko perrito del héroe Pokémon!
Para html la herramienta parrafo no le importa si hay puntos y aparte o espaciados largo en blanco.
<br/>Si se quiere un salto de line se necesita de la herramienta br o usar otro parrafo diferente
</p>
<p>Por ejemplo este es otro parrafo
<br />y este es otro salto de parrafo
</p>
<p>
Ramón Iván Bárraza Castillo
<br /> Estas identidades son para reemplazar un caracter por otro definido despues del ampersan y poner a seguido de acute ó á piña
</p>
</body>
</html>
En HTML se eliminaro ciertas etiquetas porque no describian el documento solo servian para el estilo, lo cual era responsabilidad para las hojas de estilo, se elimina el applet
Descargar: http://brackets.io/
Las hojas de estiilo son internas, externas y lineas
Existe una cuarta hoja de estilo en caso de que las otras tres fallen, la hoja es de el navegador y tiene un standar para que se vea una pagina lo mas parecido entre un navegador y otra
EJERCICIO DE EJEMPLO 01
<!doctype html>
<html>
<head>
<title>EJEMPLO DEL DIA JUEVES</title>
</head>
<body>
<h1>Encabezado tipo 1 </h1>
<h2>Encabezado tipo 2</h2>
<h3>Encabezado tipo 3</h3>
<h4>Encabezado tipo 4</h4>
<h5>Encabezado tipo 5</h5>
<h6>Encabezado tipo 6</h6>
</body>
</html>
EJERCICIO EJEMPLO 02 Parrafos y saltos de linea
<!doctype html>
<html>
<head>
<title>EJEMPLO DEL DIA JUEVES</title>
</head>
<body>
<h1>Etiqueta parrafo</h1>
<p>
Otra novedad:
Este 15 de septiembre (jueves) se libera el la Coro Coro Cómics, entra a.
escena el nuevo cómic del mundo Pokémon, "Pokémon Horizon", el cual es finalmente, el inicio de la la saga de ¡"Pokémon So l y la Luna"! e ¡Iwanko perrito del héroe Pokémon!
Para html la herramienta parrafo no le importa si hay puntos y aparte o espaciados largo en blanco.
<br/>Si se quiere un salto de line se necesita de la herramienta br o usar otro parrafo diferente
</p>
<p>Por ejemplo este es otro parrafo
<br />y este es otro salto de parrafo
</p>
</body>
</html>
EJERCICIO 2.5.- Identidades
<!doctype html>
<html>
<head>
<title>EJEMPLO DEL DIA JUEVES</title>
</head>
<body>
<h1>Etiqueta parrafo</h1>
<p>
Otra novedad:
Este 15 de septiembre (jueves) se libera el la Coro Coro Cómics, entra a.
escena el nuevo cómic del mundo Pokémon, "Pokémon Horizon", el cual es finalmente, el inicio de la la saga de ¡"Pokémon So l y la Luna"! e ¡Iwanko perrito del héroe Pokémon!
Para html la herramienta parrafo no le importa si hay puntos y aparte o espaciados largo en blanco.
<br/>Si se quiere un salto de line se necesita de la herramienta br o usar otro parrafo diferente
</p>
<p>Por ejemplo este es otro parrafo
<br />y este es otro salto de parrafo
</p>
<p>
Ramón Iván Bárraza Castillo
<br /> Estas identidades son para reemplazar un caracter por otro definido despues del ampersan y poner a seguido de acute ó á piña
</p>
</body>
</html>
14 de septiembre de 2016
Porgramacion web 14-9-2016
https://www.dropbox.com/sh/4cwejdsfo5z7o68/AAC4g7l5HDnI7Vd48ZEkE5fxa?dl=0
http://bit.ly/2cZ0bru
UNIDAD 2: LENGUAJE DE MARCADO,
ETIQUETAS: HTML - XHTML
HTML: Lenguaje de marcado de hiper texto
En HTML no s un lenguaje de programacion, solo se describe la pagina web, la version actual es la html 5
Una etiqueta es una palabra clave ejemplo <html>, Las etiquetas estan en pares generalmente, no todas, con una que inicia y otra que termina
W3C: Valida los estandares,
XHTML, Extensible Hioertext Markup Language.
Es similiar a 4.01, es una aplicacion de XML, es una recomendacion de la W3C, nacio antes del html 5, no se deben tener etiquetas mal anidadas ni con etiquetas sin cerrar. las etiquetas deben estar en minúsculas forzosamente y los documentos debene tener un unico elemento raiz, un solo html al inicio
Los atributos deben estar en minusclas y con atributos entre comillas, poner los atribtos sin acortar, es decir no obviar al no ponerle un valor vacio al atributo. Todo los atributos deben tener un id.
El dtd es obligatorio
DTD: Es un lenguaje del esquema SGML, document tyoe definition, DTD marca las reglas a seguir para describir el documento.
Tipos de DTD, el DTD estricto, garantiza una estructura limpia, ya no existen en la actualidad, la hoja de estilo se encarga de maquillar la pagina y html describe la pagina.
El primer elemento de la pagina es un DOCTYPE pero no se considera raiz por el hecho de no tener un elementos aidados.
HTML 5
Es el sucesor de html 4.01 y XHTML, es de codigo abierto y fue hecho por W3C y la WHATWG., llegaron a un acuerdo y crearon un nuevo estandar unico.
1991, existe html
Existe desde el año 2008 y en 2014 aparece como estandar unico
Objetivos, ser tan potente en cualquier version del navegador tanto en escritorio como en dispositivos moviles., el navegador debe de tener las mismas funcionalidades que una aplicacion dedicada, por ejemplo entrar a youtub e con el navegador en lugar de usarla aplicacion de youtube
caracteristicas, el doctipe es mas cortos, nuevas etiquetas semanticas, parecidas a un periodico.
Tiene la etiqueta canvas, es un espacio en blaco que se utiliza para lo que se necesite. Es de las etiquetas mas poderosas, ya no requiere flash y se usa canvas.
Etiquetas de recibir datos nuevas, como el telefono
El server sent events, sirve para mandar notificaciones desde el servidor al navegador.
Todo lo que se puede hacer en el navegador html5 se puede hacer con html4 pero requiere mas trabajo.
http://bit.ly/2cZ0bru
UNIDAD 2: LENGUAJE DE MARCADO,
ETIQUETAS: HTML - XHTML
HTML: Lenguaje de marcado de hiper texto
En HTML no s un lenguaje de programacion, solo se describe la pagina web, la version actual es la html 5
Una etiqueta es una palabra clave ejemplo <html>, Las etiquetas estan en pares generalmente, no todas, con una que inicia y otra que termina
W3C: Valida los estandares,
XHTML, Extensible Hioertext Markup Language.
Es similiar a 4.01, es una aplicacion de XML, es una recomendacion de la W3C, nacio antes del html 5, no se deben tener etiquetas mal anidadas ni con etiquetas sin cerrar. las etiquetas deben estar en minúsculas forzosamente y los documentos debene tener un unico elemento raiz, un solo html al inicio
Los atributos deben estar en minusclas y con atributos entre comillas, poner los atribtos sin acortar, es decir no obviar al no ponerle un valor vacio al atributo. Todo los atributos deben tener un id.
El dtd es obligatorio
DTD: Es un lenguaje del esquema SGML, document tyoe definition, DTD marca las reglas a seguir para describir el documento.
Tipos de DTD, el DTD estricto, garantiza una estructura limpia, ya no existen en la actualidad, la hoja de estilo se encarga de maquillar la pagina y html describe la pagina.
El primer elemento de la pagina es un DOCTYPE pero no se considera raiz por el hecho de no tener un elementos aidados.
HTML 5
Es el sucesor de html 4.01 y XHTML, es de codigo abierto y fue hecho por W3C y la WHATWG., llegaron a un acuerdo y crearon un nuevo estandar unico.
1991, existe html
Existe desde el año 2008 y en 2014 aparece como estandar unico
Objetivos, ser tan potente en cualquier version del navegador tanto en escritorio como en dispositivos moviles., el navegador debe de tener las mismas funcionalidades que una aplicacion dedicada, por ejemplo entrar a youtub e con el navegador en lugar de usarla aplicacion de youtube
caracteristicas, el doctipe es mas cortos, nuevas etiquetas semanticas, parecidas a un periodico.
Tiene la etiqueta canvas, es un espacio en blaco que se utiliza para lo que se necesite. Es de las etiquetas mas poderosas, ya no requiere flash y se usa canvas.
Etiquetas de recibir datos nuevas, como el telefono
El server sent events, sirve para mandar notificaciones desde el servidor al navegador.
Todo lo que se puede hacer en el navegador html5 se puede hacer con html4 pero requiere mas trabajo.
Suscribirse a:
Entradas (Atom)