HTML 1

Introduccin a los Lenguajes
De Programacin
HTML
1. INTRODUCCIN AL CODIGO HTML

(HyperTextMarkupLanguage)
1. Necesidades
- Internet Explorer Netcape Mozilla Chrome
- Editor de texto : Bloc de notas
- Carpeta:
Imgenes Snidos Videos Flash
Archivos Doc Archivos PDF.
2. Estructura de un documento HTML

<HTML>
<HEAD> <TITLE> Aqu va un ttulo </TITLE>
</HEAD>
<BODY>
Aqu va el cuerpo del documento
</BODY>
</HTML>
Nota:
Comentarios : 
3. Textos y Fuentes
3.1 Tamaos y tipos de letra en HTML
<H1> Texto de prueba (H1)</H1>
3.2 Atributos para las fuentes:

<FONT SIZE=X> Aqu va un texto </FONT>
X = 1, 2, 3, 4, 5, 6, 7, N+, N<FONT FACE=Arial> Aqu va un texto </FONT>

times new roman, courier new, roman, impact
<FONT COLOR=green> Aqu va un texto </FONT>
red, blue, yeloww, pink, olive, navy, lime, cyan, purple
3.3 Etiqueta <P>

<PALIGN=LEFT,RIGHT,CENTER>
3.4 Etiqueta <BR>
3.5 Etiqueta <HR>

<HR ALIGN=L,C,R COLOR= #FF0066
WIDTH=400 SIZE=5>
3.6 Efectos en el Texto
<B>Texto en negrita</B>
<STRONG>Texto realzado</STRONG>
<I>Texto en itlica</I>
<U>Texto subrayado</U>
<STRIKE>Texto tachado</STRIKE>
<BLINK>Texto intermitente</BLINK>
<SUP>Texto Superndice</SUP>
<SUB>Texto Subndice</SUB>
<BIG>Texto grande</BIG>
<SMALL>Texto pequeo</SMALL>
4. Cdigos de Colores
RGB ( RED GREEN BLUE )

FF
CC
99
66
33
00
5. Imgenes
<IMG SRC=imagen.gif>
Formatos: imagen.bmp, imagen.jpg, imagen.gif
Atributos:
WIDTH=X
HEIGHT=X
BORDER=X
ALT=TEXTO ALTERNO
Alineacin:
Dentro de una celda de una tabla es:

ALIGN=RIGHT, LEFT, CENTER, TOP, MIDDLE, BOTTON
6. Atributos de la etiqueta <BODY>

Mtodo 1: Como atributos del <BODY>:
Cambiar color de fondo: <BODY BGCOLOR=RRGGBB>
Definir color del texto:
<BODY TEXT=RRGGBB>
Mtodo 2: Definir estilos antes de <BODY>:

Color de Fondo:
<style type="text/css">
body { background-color: #FFFF00; }
</style>
Imagen de Fondo:
<style type="text/css">
body { background-image: url(imagen.jpg); }
</style>
7. Etiqueta <MARQUEE>
<MARQUEE> Texto o imagen </MARQUEE>
Atributos:
DIRECTION=RIGHT, LEFT, CENTER
BGCOLOR=FF0033
BEHAVIOR=ALTERNATE
8. Vnculos : Etiqueta <A>
Vincular a un archivo de la misma carpeta:

<A HREF=destino.html> Texto o Imagen </A>
Vincular a un archivo de una subcarpeta:
<A HREF=subcarpeta/destino.html> Texto o Imagen </A>
Vincular a una pgina Web externa:
<A HREF=http://www.google.com> Texto o Imagen </A>
Vincular a una direccin de correo:
<A HREF=mailto:bs@jaen.net> Texto o Imagen </A>
9. TABLAS Etiqueta <TABLE>

9.1 Atributos: BORDER = X
BORDERCOLOR = RRGGBB
BGCOLOR = RRGGBB
ALIGN = CENTER, RIGTN, LEFT
WIDTH = X X%
CELLPADDING=X
CELLSPACING=X"
9.2 Etiquetas <TR>, <TD> <TH>
Atributos <TD>: ALIGN=RIGHT, CENTER, LEFTH
VALIGN=TOP, MIDDLE, BOTTON
BGCOLOR = RRGGBB
COLSPAN=X
ROWSPAN=X
Ejemplo 1:
<table width="50%" border="2" cellpadding="10"
cellspacing="5" bordercolor="#FF0000" bgcolor="#00CCFF">
<tr>
<td> A </td>
</tr>
<tr>
<td> B </td>
</tr>
<tr>
<td> C </td>
</tr>
</table>
Ejemplo 2:
<table>
<tr>
<td> A </td>
<td> B </td>
<td> C </td>
</tr>
</table>
15. Combinacin de Celdas (Verticales)

<table>
<tr>
<td width="50%" rowspan="5">VOCALES</td> <td>A</td>
</tr>
<tr> <td>E</td> </tr>
<tr> <td>I</td> </tr>
<tr> <td>O</td> </tr>
<tr> <td>U</td> </tr>
</table>
16. Combinacin de Celdas (Horizontales)

<table>
<tr> <td colspan="5"><div align="center">HORARIO</div></td> </tr>
<tr>
<td width="20%"><div align="center">LUNES</div></td>
<td width="20%"><div align="center">MARTES</div></td>
<td width="20%"><div align="center">MIERCOLES</div></td>
<td width="20%"><div align="center">JUEVES</div></td>
<td width="20%"><div align="center">SÁBADO</div></td>
</tr>
<tr> <td>11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td>
</tr>
<tr> <td>21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> </tr>
</table>
Ejercicio 1: Escribir cdigo para resulten las siguientes tablas:
Ejercicio 2:
-
Disear un sitio con una pgina principal y tres auxiliares.

Cada pgina debe tener color, imagen y un men en una tabla.
Pgina Principal
index.html
Men
pag1.html
Pag2.html
Pag3.html
Fondo FF0000
Fondo 00FF00
Fondo 0000FF
Imagen 1
Imagen 2
Imagen 3
Menu 2-3
Men 1-3
Men 1-2

HTML 1

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

HTML 1

Transféré par

Droits d'auteur :

Formats disponibles

Introduccin a los Lenguajes

1. INTRODUCCIN AL CODIGO HTML

2. Estructura de un documento HTML

3.2 Atributos para las fuentes:

X = 1, 2, 3, 4, 5, 6, 7, N+, N<FONT FACE=Arial> Aqu va un texto </FONT>

3.3 Etiqueta <P>

3.5 Etiqueta <HR>

RGB ( RED GREEN BLUE )

Dentro de una celda de una tabla es:

6. Atributos de la etiqueta <BODY>

Mtodo 2: Definir estilos antes de <BODY>:

8. Vnculos : Etiqueta <A>

Vincular a un archivo de la misma carpeta:

9. TABLAS Etiqueta <TABLE>

15. Combinacin de Celdas (Verticales)

16. Combinacin de Celdas (Horizontales)

Ejercicio 1: Escribir cdigo para resulten las siguientes tablas:

Disear un sitio con una pgina principal y tres auxiliares.

Vous aimerez peut-être aussi