HTML, evaluacion

-Hoy realizamos la segunda habilidad del periodo, y la recuperación de la primera habilidad, todos los que pusieron la url en la web del colegio, se les dio la recompensa de hacer las evaluaciones en grupo, la evaluacion se podia con quien quisiera y con apuntes.

Esta fue la evaluacion:

manejp de imagenes: http://www.redaragon.com/informatica/htmlb/cap7.asp

HTML, evaluación

-Hoy realizamos una evaluación sobre el tema visto y los tutoriales que aparecían en la pagina web, la evaluación era individual y era la primera habilidad del tercer periodo, pero quien haya perdido esta habilidad tendría oportunidad si el martes 26 de julio pasan la evaluación, quien no la pase no tendrá mas oportunidad de recuperar esta habilidades.

Formateo de texto.

El formateo del texto, o sea, el formato del texto, son una serie de etiquetas que escribimos en html rodeando la palabra o el texto y que transforman ese texto en el formato que nosotros le hemos querido dar. 

Anteriormente ya hemos visto en un pequeño texto introductorio como se ponía la negrita y la itálica. Pero eso era solamente introductorio. A continuación lo vamos a explicar de una forma más detallada.

Las etiquetas deben rodear al texto. Es decir, la etiqueta debe abrirse y cerrarse, conteniendo el texto o la palabra que queramos transformar, entre medias. En el ejemplo de la negrita se abriría  <b> y se cerraría </b>.

Se pueden combinar diferentes formatos, o sea, diferentes etiquetas. Por ejemplo, si queremos que un texto esté en negrita y en cursiva escribiríamos esto:

<b><i>Este texto está escrito en negrita y en cursiva</i></b>.Cuando combines, ten cuidado a la hora de cerrar las etiquetas. Debes cerrar las etiquetas por orden, de la más interior a la más exterior. Por último, recordad que podéis escribir las etiqutes en minúsculas o en mayúsculas. 

Vamos con los diferentes formateos html que podemos encontrar:

Negrita

Existen dos etiquetas que harán que nuestro texto se convierta en negrita. La utilización de cualquiera de ellas es indiferente. Puedes usar la que prefieras. 

La primera es la etiqueta <b> y la otra es la etiqueta <strong>. Aquí va un ejemplo: 

Este palabra la vamos a poner en <b>negrita</b> y esta otra <strong>también</strong> Este palabra la vamos a poner en negrita y esta otra también

Cursiva

Para escribir un texto en cursiva debemos utilizar la etiqueta <i> (y por supuesto cerrarla con la etiqueta </i>).

También podemos utilizar la etiqueta <em>. Como en el caso de la negrita, es indiferente el uso de una u otra. Aquí os dejo un ejemplo:

Este palabra la vamos a poner en <i>cursiva</i> y esta otra <em>también</em> Este palabra la vamos a poner en cursiva y esta otra también

Subrayado

Si queremos que la palabra o el texto quede subrayado, deberemos rodearlo con la etiqueta <u> y cerrarlo con su correspondiente etiqueta. O sea, </u>. Así subrayaríamos una frase importante:

<u>Así subrayaríamos una frase importante</u> Así subrayaríamos una frase importante

Texto con espaciado simple o TT

TT son las iniciales de “teletype”. Utilizando esta etiqueta conseguiremos un espaciado simple entre las diferentes letras del texto. Abriremos la etiqueta con <tt> y la cerraremos con </tt>.

<tt>Esta frase la vamos a escribir de forma espaciada </tt> Esta frase la vamos a escribir de forma espaciada

Palabras más grandes o más pequeñas

Puede que en una frase queramos destacar un palabra por medio de una variación de tamaño sin necesidad de utilizar los encabezados(los explicaremos más adelante). Pues esta variación de tamaño la conseguiremos gracias a las etiquetas <big> y <small>. 

Sus propios nombres en inglés nos indican cuáles serán sus funciones: <big> agrandará el texto y <small> lo disminuirá. 

Cada vez que escribamos una etiqueta, haremos el texto un punto más grande. Pero estas etiquetas también la podemos combinar, por lo que si escribimos dos veces la etiqueta <big>, haremos crecer la palabra dos puntos.

Un ejemplo sería el siguiente:

Esta palabra se va a escribir <small>pequeñita</small>, esta se va a escribir <big>más grande</big> y ésta <big><big>más grande aún</big></big>. Esta palabra se va a escribir pequeñita, esta se va a escribir más grande y ésta más grande aún.

Superíndices y subíndices

Mediante el Html también podemos escribir fórmulas matemáticas.  Gracias a las etiquetas siguientes podrás escribir subíndices y superíndices fácilmente. La etiqueta <sub> te servirá para escribir un subíndice y <sup> será tu etiqueta para un superíndice.

Así nos queda un ejemplo como el siguiente:

Gracias a estas etiquetas podemos escribir cualquier formula matemática como esta: H <sub>2</sub> O o números elevados a potencias 7<sup>3</sup>. Gracias a estas etiquetas podemos escribir cualquier formula matemática como esta: H 2 O o números elevados a potencias 73.

Texto tachado

Existen tres etiquetas diferentes que nos servirán para conseguir que nuestro texto se quede tacahado. Hablamos de las etiquetas <strike>, <s> y <del>. Ambas nos ofrecen el mismo resultado. Aquí tienes la muestra:

Si la palabra no me gusta la puedo tachar <strike>así</strike>, <s>así</s> o <del>así</del>. ¡Lo mismo me da! Si la palabra no me gusta la puedo tachar así, así o así. ¡Lo mismo me da!

Tomado de: http://html.hazunaweb.com/103.php

HTML

HTML 

¿QUÉ ES Y PARA QUÉ SIRVE HTML?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

 Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.

ALGO DE HISTORIA

HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo con el paso de los años. De esta manera, podemos hablar de que han existido distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML estándar actual, que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este curso es aprenderlos fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión concreta. ¿Por qué no le damos importancia a la versión? Porque una persona que cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz de adaptarse a las características particulares de una versión sin problema. En cambio, centrarse en los detalles de una versión sin conocer los fundamentos hará que no tengamos capacidad para comprender lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el ámbito de los desarrollos web.

Tomado de: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

* un sitio web es crear una carpeta; Los nombres de las carpetas y archivos deben ser en minuscula, dichos nombres no pueden tener espacios en blancos y caracteres especiales como: ñ.Ñ

Etiquetas 

Las etiquetas son marcas que se usan para señalar el inicio y el fin de un elemento.

Etiquetas cerradas:

<title> mi paginita</title>

Etiquetas abiertas:

<img src = "arbol.jpg">

<img src = "arbol.jpg"   >

Todas las etiquetas comparten el mismo formato: empiezan con el signo menor que "<" y terminan con el signo mayor que ">".

Por lo general, hay dos tipos de etiquetas: la etiquetas de inicio, por ejemplo, <html>, y las etiquetas de cierre, por ejemplo, </html>. La única diferencia entre la etiqueta de inicio y la de cierre es la barra oblicua "/". El contenido queda etiquetado al colocarlo entre una etiqueta de inicio y una etiqueta de cierre.

ETIQUETAS IMPORTANTES DE HTML

Estas son las etiquetas más importantes de HTML, aplica su utiliza en tu proyecto Web y veras como puedes mejorar su presentación, aunque algunas ya las hemos visto otras son nuevas y de mucha aplicación en HTML. No olvides reemplazar los paréntesis por los signos <>.

• (html).....(/html): Es una etiqueta cerrada que determina el inicio del documento html. Todas las demás etiquetas que contiene un documento html, para que sean reconocidas por los navegadores WEB deben estar incluidas dentro de estas dos instrucciones.

                                                                             

• (head)....(/head): Esta etiqueta determina la cabecera del documento dentro del encabezado pueden ir otras etiquetas como (title)(/title)ó (meta).

• (title)....(/title): Es una instrucción cerrada donde se incluye el titulo de la pagina web.

• (meta): instrucción que es abierta, sirve para indicar el contenido y las palabras clave de la pagina web.

• (!-- Comentarios --): Para incluir comentarios en la página web se utiliza esta instrucción.

• (body)....(/body): Dentro de esta instrucción cerrada, es donde va a ir todo el contenido que queramos que tenga nuestra página web. Dentro de sus atributos importantes encontramos: background="nombre del fichero", Para colocar una imagen como fondo de la pagina. bgcolor="black", Para colocarle un color de fondo a nuestra pagina, en este caso el color será el negro pero puede variar. text="white", Indica un color para el texto que incluyamos en nuestro documento, en este caso será blanco, pero por defecto es negro.

Tomado de: http://katiapautt.blogspot.com.co/2011/05/etiquetas-importantes-de-html.html