resumen
-
Upload
alberto-alonso -
Category
Documents
-
view
218 -
download
0
description
Transcript of 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>
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
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