Manual Blogger

CONFIGURACION( 5 ULTIMAS PESTAÑAS)
Para verlo pinchar

aqui

Manual resumen de HTML

HTML es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las páginas webs al usuario, siendo hoy en día la interface más extendida en la red.

Comenzaremos con los distintos tipos de etiquetas. Existen dos tipos de etiqueta una de apertura <”etiqueta> y una de cierre <”/ etiqueta> cada etiqueta varia dependiendo del código de su interior.

Las etiquetas <”b> y <”/b> definen un texto en negrita.

<"b>Esto esta en negrita<”/b>
El resultado Será:
Esto esta en negrita

Las etiquetas <”p> y <”/p> definen un párrafo.

<”p>párrafo 1<”/p>
<”p>párrafo 2<”/p>


Partes de un documento HTML

Un documento html debe estar de limitado por las etiquetas <”html> y <”/html>.

El encabezado, delimitado por <”head> y <”/head>

El cuerpo, flanqueado por las etiquetas <”body> y <”/body> es aquí donde colocaremos nuestro texto e imágenes.
<”html>

<”head>
Encabezado
<”/head>
<”body>
Texto e imágenes
<”/body>
<”/html>

Parrafos
Para colocar un salto de linea en blanco debemos colocar al final de cada parrafo la etiqueta <”br>

Alineación
Los párrafos delimitados por etiquetas <”p> pueden ser fácilmente justificados a la izquierda, centro o derecha
Para introducir un texto alineado a la izquierda:
<”p align="left">Texto alineado a la izquierda<”/p>

Para una justificación al centro:
<”p align="center">Texto alineado al centro<”/p>

Para justificar a la derecha:
<”p align="right">Texto alineado a la derecha<”/p>


Encabezados
Hay varios tipos de encabezados, que se diferencian en el tamaño de la letra que utilizan. La etiqueta en concreto es la <”h1>, para los encabezados más grandes, <”h2> para los de segundo nivel y así hasta <”h6> que es el encabezado más pequeño.
Los encabezados implican también una separación en párrafos, así que todo lo que escribamos dentro de <”h1> y <”/h1>

<”h1>Encabezado de nivel 1<”/h1>

<”h2 align="center">Encabezado de nivel 2<”/h2>


Formato de texto
Hay distintas etiquetas de formato de texto y las debemos colocar al principio y al final del texto.
Negrita: <”b> y <”/b>
Subrayado: <”u> y <”/u>
Subíndices: <”sub> y <”/sub>
Superíndices: <”sup> y <”/sup>
Ejem:
La <”sup>13<”/sup>CC<”sub>3<”/sub>H<”sub>4<”/sub>ClNOS

Tipo de letra
Se debe colocar la etiqueta <”font> y su cierre <”/font>
Para las distintas fuentes, los distintos colores, y el distinto tamaño de letra deberemos colocar lo siguiente dentro de la etiqueta font y su contenido debe de estar debilitado por comillas.

Para la fuente:
face="Comic Sans MS,arial,verdana"

Para el color:
color="red"

Para el tamaño:
size="1"

Todo junto de la siguiente manera:

<”font face="Comic Sans MS, arial, verdana"> texto <”/font>

Etiquetas para fondos
bgcolor: para poner un fondo de color esta etiqueta iria acompañada del color que se desee poner.
<”bgcolor:”green”>
background: para colocar de fondo una imagen.
<”body background="fondo.jpg">

Enlaces en HTML
Para colocar un enlace, nos serviremos de las etiquetas <”a> y <”/a>. Dentro de la etiqueta de apertura deberemos especificar asimismo el destino del enlace. Este destino será introducido bajo forma de atributo, el cual lleva por nombre href.
<”a href="destino">contenido<”/a>

Enlaces internos: los que se dirigen a otras partes dentro de la misma página.
Si queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
<”a href="#abajo">Ir abajo<”/a>
En segundo lugar, hay que generar un enlace en el destino.
<2a name="abajo"><”/a>

Enlaces locales: los que se dirigen a otras páginas del mismo sitio web.
Para crear este tipo de enlaces, hemos de crear una etiqueta de la siguiente forma:
<”a href="archivo.html">contenido<”/a>

Enlaces remotos: los dirigidos hacia páginas de otros sitios web.
Este tipo de enlaces es muy común y no representa ninguna dificultad. Simplemente colocamos en el atributo HREF de nuestra etiqueta <"A> la URL o dirección de la página con la que queremos enlazar. Será algo parecido a esto.
<”a href="http://www.google.com">ir a google<”/a>
Para colocar una imagen con enlace deberemos de colocar la etiqueta:
<2img src="camino hacia el archivo">

Tablas en HTML
Las tablas son definidas por las etiquetas <”table> y <”/table>.
Las tablas son descritas por líneas de izquierda a derecha. Cada una de estas líneas es definida por otra etiqueta y su cierre: <”tr> y <”/tr>
Asimismo, dentro de cada línea, habrá diferentes celdas. Cada una de estas celdas será definida por otro par de etiquetas: <”td> y <”/td>. Dentro de estas etiquetas será donde coloquemos nuestro contenido.
Ejemplo de tabla:
<”table>
<”tr>
<”td>Celda 1, linea 1<”/td>
<”td> Celda 2, linea 1<”/td><”/tr>
<”tr>
<”td> Celda 1, linea 2<”/td>
<”td> Celda 2, linea 2<”/td>
<”/tr>
<”/table>

Esto son los atributos que nos permiten modificar una celda en concreto o toda una línea:
Align: Justifica el texto de la celda del mismo modo que si fuese el de un párrafo.
Valign: Podemos elegir si queremos que el texto aparezca arriba (top), en el centro (middle) o abajo (bottom) de la celda.

Bgcolor: Da color a la celda o línea elegida.
Bordercolor: Define el color del borde.

NOTA: SE HAN AÑADIDO COMILLAS(") DENTRO DE CADA ETIQUETA "<>" YA QUE EL BLOG NO DEJA LEERLO
AL ESCRIBIRLO EN EL DOCUMENTO DE TEXTO NO HAY QUE AÑADIRLO.

Datos de los resultados academicos del instituto

para ver los datos aqui

Tabla resultados academicos 1º bachillerato A

Para ver la tabla pincha aqui

Fotos Montaje del PC

Trabajo Montaje del PC

Ver trabajo en issuu

VER Y DESCARGAR EVOLUCION DE MICROPROCESADORES INTEL

VER Y DESCARGAR DICCIONARIO INFORMATICO