Contador de visitas

Redes Sociales

domingo, 21 de agosto de 2016

Agosto 23 del 2016


EJERCICIOS RESUELTOS DE HTML

Ejercicios:

Así se ve en notepadd++ (Ejercicio de anclas):


En google chrome se ve así (Ejercicio de anclas):


En notepad++ se ve así (Ejercicio de marquesinas texto en párrafos del tema de los carros):

En google chrome se ve así (Ejercicio de marquesinas y párrafos de el tema favorito):

Así se ve en notepadd++ (Ejercicio de tabla):


Así se ve en google chrome (Ejercicio de tabla):


Así es un ejercicio en notepad++ (Ejercicio de marquesinas):


así se ve en google chrome (Ejercicio de marquesinas):



DEFINICIÓN O CONCEPTO DE LENGUAJE CSS
CSS es un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informáticos para elegir multitud de opciones de presentación como colores, tipos y tamaños de letra, etc.

La filosofía de CSS se basa en intentar separar lo que es la estructura del documento HTML de su presentación. Por decirlo de alguna manera: la página web sería lo que hay debajo (el contenido) y CSS sería un cristal de color que hace que el contenido se vea de una forma u otra. Usando esta filosofía, resulta muy fácil cambiarle el aspecto a una página web: basta con cambiar “el cristal” que tiene delante. Piensa por ejemplo qué ocurre si tienes un libro de papel y lo miras a través de un cristal de color azul: que ves el libro azul. En cambio, si lo miras a través de un cristal amarillo, verás el libro amarillo. El libro (el contenido) es el mismo, pero lo puedes ver de distintas maneras.
Algunas opciones básicas del lenguaje CSS por ejemplo pueden ser el poder cambiar el color de algunas típicas etiquetas HTML como <H1> (h1 es una etiqueta en el lenguaje HTML destinada a mostrar un texto como encabezado, en tamaño grande). Pero también hay funciones algo más complejas, como introducir espaciado entre elementos <DIV> (div es una etiqueta HTML para identificar una determinada región o división de contenido dentro de una página web) o establecer imágenes de fondo.

Agosto 16 del 2016


SALIDA A LA UIS.



El grado noveno B del Colegio Integrado Nuestra Señora del Divino Amor tuvimos la oportunidad de visitar la Universidad Industrial de Santander ( UIS ) por el evento internacional de piano gracias a la estudiante Mariana Álzate, lo cual no permitió la jornada estudiantil.

Anclas

Sirve para definir posiciones dentro de un documento y se puede usar como destino de hiperenlaces.
Para crear un ancla (anchor) se procede de la siguiente manera:
<A NAME="nombre_etiqueta">Texto del elemento ancla</A>
Visualmente est elemento no tiene niun efecto, pero si lo tiene en forma interactiva con el usuario.
Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:
<A HREF="#nombre_etiqueta">Texto del hiperenlace</A>
De esta manera accederemos a la posición donde hayamos puesto el ancla
Por ejemplo al final de este documento hemos puesto la siguiente ancla:
<a name="final">Este es el final del documento!!</a>
Y para acceder a esa posición usamos el siguiente hipernlace:
<A HREF="#final">Vamos al final del documento</A>

tomado de: "http://www.bufoland.cl/cursoweb/html/anclas.php"

domingo, 14 de agosto de 2016

Agosto 9 del 2016


Las Anclas:

Se definen como posiciones dentro de un documento, con letras o números  y tiene que llevar "#" que significa que en el mismo documento esta la información.

LOS TIPOS DE ANCLAS:

1.
Para crear un ancla (anchor) se procede de la siguiente manera:
<A NAME="nombre_etiqueta">Texto del elemento ancla</A>
3.
Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:
<A HREF="#nombre_etiqueta">Texto del hiperenlace</A>
4.
Para ir al  final del documento
<A HREF="#final">Vamos al final del documento</A>
<a name="final">Este es el final del documento!!</a>

- Las anclas son muy importantes para presentar un listado inicial, y cada elemento del listado se desarrolla a lo largo del documento, pudiendo enlazar con anclas las diferentes posiciones del documento donde se desarrolla cada elemento del listado inicial.




















---El Profesor me dio 3 bonus por haberle preguntado algo durante la clase y tener "MV". en la carpeta---

sábado, 6 de agosto de 2016

Agosto 2 del 2016


EJERCICIO DE TABLAS:

<TABLE> <TR> <TD>

Las tablas surgieron con la versión HTML 3.0. Las tablas nos permiten representar y ordenar cualquier elemento de nuestra presentación en diferentes filas y columnas de modo que podamos resumir grandes cantidades de información de una manera que puede representarse rápida y fácilmente.




El ejercicio consiste en hacer una tablas con los números del 1 al 50 y después poniendo <colspan> que es para que una las columnas de la tablas y <rowspan> para que una filas de la tabla.


SOLUCION:

<html>
<body>
<table border="10"bgcolor="yellow"border color="black"width="100%"/>
<tr>
<td colspan="5">1 2 3 4 5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td rowspan="3">11<br>21<br>31<br></td>
<td>12</td>
<td>13</td>
<td colspan="2" rowspan="2">14 15<br>24 25</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td rowspan="3">20<br>30<br>40</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>26</td>
<td colspan="2" rowspan="2">27 37<br>28 38</td>
<td>29</td>
</tr>
<tr>
<td>32</td>
<td>33</td>
<td colspan="2">34 35</td>
<td>36</td>
<td>39</td>
</tr>
<tr>
<td>41</td>
<td colspan="2">42 43</td>
<td>44</td>
<td colspan="2">45 46</td>
<td colspan="2">47 48</td>
<td colspan="2">49 50</td>
</tr>
</table>
        </body>
        </html>