resumen

4
Resumen de HTML. HTML es el lenguaje con el que se escriben las páginas web. El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta. La etiqueta presenta frecuentemente dos partes: Una apertura de forma general <etiqueta> Un cierre de tipo </ etiqueta> Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta. Así por ejemplo: <b> y </b> definen un texto en negrita <p> y </p> definen un párrafo <u> y </u> subrayan lo de dentro Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales: El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las anteriores. Alineación Etiqueta Align. <p align="center">Texto alineado al centro</p> <p align="right">Texto alineado a la derecha</p> <p align="left">Texto alineado a la izquierda</p> Una forma de simplificar nuestro código y de evitar introducir continuamente el atributo align sobre cada una de nuestras etiquetas es utilizando la etiqueta <div>. Ej: Así, el código:

description

resumen de html

Transcript of resumen

Page 1: resumen

Resumen de HTML.HTML es el lenguaje con el que se escriben las páginas web.

El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta. La etiqueta presenta frecuentemente dos partes: Una apertura de forma general <etiqueta>Un cierre de tipo </ etiqueta> Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta. Así por ejemplo:

<b> y </b> definen un texto en negrita <p> y </p> definen un párrafo <u> y </u> subrayan lo de dentro

Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:

El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página

El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las anteriores.

Alineación

Etiqueta Align.<p align="center">Texto alineado al centro</p><p align="right">Texto alineado a la derecha</p><p align="left">Texto alineado a la izquierda</p>

Una forma de simplificar nuestro código y de evitar introducir continuamente el atributo align sobre cada una de nuestras etiquetas es utilizando la etiqueta <div>.Ej:Así, el código:

<p align="right">Parrafo1</p> <p align="right"> Parrafo2</p> <p align="right"> Parrafo3</p>

es equivalente a:

<div align="right"> <p>Parrafo1</p> <p>Parrafo2</p> <p>Parrafo3</p> </div>

Page 2: resumen

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ásgrandes, <h2> para los de segundo nivel y así hasta <h6> que es el encabezado más pequeño.

Subíndices y superíndices.

Este tipo de formato resulta de extremada utilidad para textos científicos. Las etiquetas empleadas son:

<sup> y </sup> para los superíndices

<sub> y </sub> para los subíndices

Aquí tenéis un ejemplo:

La <sup>13</sup>CC<sub>3</sub>H<sub>4</sub>ClNOS es un heterociclo alergeno enriquecido

Anidar etiquetas.

Todas estas etiquetas pueden ser anidadas<b>Esto sólo está en negrita <u>y esto en negrita y subrayado</u></b>

Color, tamaño y tipo de letraEsto se hace a partir de la etiqueta <font> y su cierre correspondienteatributos principales de esta etiqueta:

Atributo FACE Define el tipo de letra<font face="Comic Sans MS,arial,verdana">Este texto tiene otra tipografía</font>

Atributo SIZE .Define el tamaño de la letra.<font size=4>Este texto es más grande</font>

Atributo COLOR .

<font color="red">Este texto está en rojo</font>

Atributos para fondos bgcolor: especificamos un color de fondo para la página background: sirve para indicar la colocación de una imagen como fondo de la

página.

Color del texto

Page 3: resumen

text: este atributo sirve para asignar el color del texto de la página link: el color de los enlaces que no han sido visitados vlink: el color de los enlaces visitados alink: es el color de los enlaces activos

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.

La sintaxis general de un enlace es por tanto de la forma:

<a href="destino">contenido</a>

Etiqueta img src sirve para poner una imagenEj: <img src="Nueva carpeta/megane/fotos/meganefoto3.jpg">

Tablas en HTML

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.

Aquí tenéis un ejemplo de estructura 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>

El resultado:

Celda 1, linea 1 Celda 2, linea 1Celda 1, linea 2 Celda 2, linea 2