miércoles, 30 de septiembre de 2015

Ejemplo de Examen en html

<html>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title> Examen de conocimientos</title>
    <head>
            <img src="logoiesfidiana.png"/>
        <h1>Examen de Conocimientos</h1></head>
    <body bgcolor="DCDCDC"> </body>
        <h2> Datos personales </h2>
        <center>
        <div>
            Nombre <input type="text" name="Nombre" placeholder="Nombre">
            Apellidos <input type="text" name="Apellidos" placeholder="Apellidos"
        </div>
        <div>
            Centro educativo al que perteneces <input type="text" name="colegio/instituto" placeholder="Colegio/Instituto">
        </div>
        <div>
            Edad <input type="number" name="edad" min="4" max="18" placeholder="4">
        </div>
        <div>
                        Fecha de nacimiento <input type="date" name="Fecha de nacimiento"/>
        <div>
            Sexo
            </br>
                <input type="radio" name="sex" value="Hombre" checked/> Hombre
        </br>
                <input type="radio" name="sex" value="Mujer"/> Mujer  
        </div>
            </br>
            </br>
            </br>
</center>
<center>
<h2> Comienzo del Examen</h2>
        <h3>1.¿En qu&eacute; año de descubri&oacute; Am&eacute;rica?</h3>
    </br>
        <input type="radio" value="1942" checked/> 1942
    </br>  
        <input type="radio" value="1728"/> 1728
    </br>  
        <input type="radio" value="1492"/> 1492
    </br>  
        <input type="radio" value="1256"/> 1256
    </br>
        <h3>2.¿C&uacute;ales son los plantenas m&aacute;s cercanos a la Tierra?</h3>
    </br>
        <input type="checkbox" value="mercurio" name="Mercurio"> Mercurio
    </br>
        <input type="checkbox" value="Venus" name="Venus"> Venus
    </br>
        <input type="checkbox" value="Luna" name="Luna"> Luna
    </br>
        <input type="checkbox" value="Marte" name="Marte"> Marte
    </br>
        <h3>3.¿Qu&eacute; tipo de energ&iacute;a hay en una fuerza no conservativa?</h3>
    </br>
        <input type="radio" value="Energ&iacute;a Cin&eacute;tica"> Energ&iacute;a Cin&eacute;tica
    </br>
        <input type="radio" value="Energ&iacute;a Mec&aacute;nica" checked> Energ&iacute;a Mec&aacute;nica
    </br>
        <input type="radio" value="Energ&iacute;a Potencial"> Energ&iacute;a Potencial
    </br>
        <input type="radio" value="No hay energ&iacute;a"> No hay energ&iacute;a
    </br>
        <h3>4.¿En qu&eacute; cuadrante se encuentra una recta cuya traza vertical se encuentra por debajo de la l&iacute;nea de tierra y la traza horizontal</h3> tambi&eacute;n?
    </br>
        <input type="radio" value="1"> En el primero
    </br>
        <input type="radio" value="2"> En el segundo
    </br>
        <input type="radio" value="3"> En el tercero
    </br>
        <input type="radio" value="4" checked> En el cuarto
    </br>
        <h3>5.¿Qui&eacute;n fue Confucio?</h3>
    </br>
        <input type="radio" value="1"> Fue quien invent&oacute; la confusi&oacute;n
    </br>
        <input type="radio" value="2" checked> El de la tienda de chinos de tu barrio

    </br>
        <input type="radio" value="3"> El fil&oacute;sofo m&aacute;s famoso de China
    </br>
        <input type="radio" value="4"> El jefe del Confucio Wok
    </br>
        <h3>6.¿De qu&eacute; &aacute;tomos se compone el agua?</h3>
</br>
<input type="radio" value="1"> Hidr&oacute;geno y F&oacute;sforo
</br>
<input type="radio" value="2"> Ox&iacute;geno y Azufre
</br>
<input type="radio" value="3"> Hidr&oacute;geno y Ox&iacute;geno
</br>
<input type="radio" value="4"> Carbono y Ox&iacute;geno
</br>
        <h3>7.Define una cordillera:</h3>
    </br>
        <textarea rows="10" cols="50"></textarea>
    </br>
        <h3>8.¿Cu&aacute;l es la diferencia entre una proyecci&oacute;n y una traza?</h3>
    </br>
        <textarea rows="10" cols="50"></textarea>
    </br>
        <h3>9.¿Qui&eacute;n es el peor futbol&iacute;sta del mundo?</h3>
    </br>
        <input type="radio" value="1"> Juanma L&oacute;pez
    </br>
        <input type="radio" value="2"> Ana L&oacute;pez
    </br>
        <input type="radio" value="3"> Daniel Carmona
    </br>
        <input type="radio" value="4"> Joseito Bale
    </br>
<h3>10.¿Qué te ha aprecido este examen?</h3>
    </br>
        <input type="radio" value="1"> El mejor que he hecho nunca
    </br>
        <input type="radio" value="2"> Ha sido la rehostia
    </br>
        <input type="radio" value="3"> Muy bueno y pienso que Antonio es malísimo
    </br>
        <input type="radio" value="4"> Not bad
</body>
</center>
</html>

Inicio de Tablas

<html>
    <h1> Tablas </h1>
    <center><h2>Tablas de actores preferidos</h2></center>
        <table border="2" align="center">
            <thead>
                <tr>            
                    <th>Famoso</th>
                    <th>Imagen</th>   
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Nathan_Fillion" target="_blank">Nathan Fillion</a></td>
                    <td> <img src="download%20(2).jpg"></td>
                </tr>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Jim_Parsons" target="_blank">Jim Parsons</a></td>
                    <td> <img src="download.jpg" widthg="100"></td>
                
                </tr>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Johnny_Depp" target="_blank">Johnny Depp</a></td>
                    <td> <img src="depp-afp.jpg" width="275">
                                    
                </tr>
                <tr>
                    <td> <a href="https://es.wikipedia.org/wiki/Eminem" target="_blank">Marshall Bruce Mathers III</a></td>
                    <td> <img src="download%20(1).jpg" width="275"></td>
                
                
                </tr>
            </tbody>
            </table>
</html>

miércoles, 23 de septiembre de 2015

Listas

<h1> Listas</h1>

Tareas
<ul>
    <li> Tarea 1</li>
    <li> Tarea 2</li>
    <li> Tarea 3</li>
</ul>

Reuniones
<ol>
    <li> Reunion 1</li>
    <li> Reunion 2</li>
    <li> Reunion 3</li>
</ol>

Página Personal

<html>
    <title> Andr&eacute;s Medel Peinado </title>
 
    <body bgcolor="#00FFFF">
     
        <center> <img src="logoiesfidiana.png"/> </center>

        </br>
        </br>
        </br>

        <h2> Nombre: Andr&eacute;s Medel Peinado</h2>
    <h2> Cuenta Facebook:<a href="https://www.facebook.com/Andrew32"target="_blank"> Andrew32</a></h2>
</br>
    <h2> Cuenta Twitter: <a href="https://twitter.com/Andrewxd98" target="_blank"> Andrewxd98 </a> </h2>
    <img src="Snoopdog.gif"/>
 
</br>

        <center> <h1> Descripci&oacute;n Personal      </h1></center>
            <p> Mi nombre es Andr&eacute;s tengo 16 a&ntilde;os, estudio en el instituto IES Fidiana el curso segundo de Bachillerato
            </p>

    </body>

</html>

sábado, 19 de septiembre de 2015

Test sobre programación html y css

A continuación se encuentra un test con preguntas y sus respondientes respuestas y explicaciones:

1. Tu navegador web se encuentra...
        Mi navegador web se encuentra en el lado del cliente, que hace una petición a una página web denominada servidor que le transmite la información correspondiente.
2. Cuando escribo www.zenva.com en mi navegador, qué recibo de vuelta?
        Recibo de vuelta una respuesta ya que al escribir www.zenva.com envío una petición de búsqueda.
3. El HTML y el CSS se muestran en el lado del cliente.
        Esto es verdadero porque son lenguajes del cliente que se ejecutan en el navegador.
4. La base de datos de un sistema informático se guarda en el servidor.
        Es verdadero porque la información proveniente del cliente se queda en el propio servidor.
5. JavaScript es un lenguaje de programación usado en:
        Se encuentra en el lado del cliente y del servidor porque reside en el cliente y el servidor lo ejecuta para acciones rápidas.
6. ¿Qué función cumple el CSS?
        El CSS es un tipo de lenguaje que se usa para estilizar una página web.
7. Si un sitio tiene un formulario de autenticación (login), dónde sería seguro realizar la validación del nombre de usuario y contraseña ingresados?
        Sería más seguro realizarlo en el servidor ya que la información se almacena en él.
8. Usando HTML5 puedes crear lo siguiente:
        Se puede crear sitios web, aplicaciones y juegos.

jueves, 17 de septiembre de 2015

INTRODUCCIÓN

Html
Lenguaje de programacion de páginas web, lenguaje de marcas e hipertexto

Css
Hojas de estilo que permite darles forma a las páginas web

Cliente - Servidor
Sirve para comunicarnos con la página web

WEB 1.0
Los usuarios no generabamos contenido en Internet

WEB 2.0
Los usuarios generamos contenido