Resumen Html
<html>
1º) Etiquetas: <html> </html> <head>
a. Encabezado <head> </head>
b. Título <title> </title> <title> Mi primera página web
c. Cuerpo <body> </body>
El encabezado es una instrucción de cabecera del documento. </title>
El título aparece como nombre del archivo que hemos guardado. </head>
2º) Lo que muestra luego el navegador, es todo aquello que <body>
colocamos en body, detrás de </head> y antes de </html>, salvo
Estoy escribiendo código
las etiquetas.
3º) Se pueden escribir comentarios (que no se visualizan en la página </body>
entre los signos <!--comentarios - - >, para aclaraciones.
4º) Titulares: H1 a H6: tamaño de mayor a menor (dentro de body). </html>
5º) <p> y </p> indican principio y fin de un párrafo, que luego
podemos modificar (tamaño, tipo, color…,etc).
6º) Para cambiar de línea (forzado de cambio de línea) se emplea la etiqueta <br> SIN CIERRE.
7º) TEXTO EN VARIOS ESTILOS:
a. Énfasis <em> </em> (itálica, lo mismo que <i> </i>.
b. Fuerte <strong> </strong> (negrilla, igual que <b> </b>).
c. Texto tachado <s> </s>.
d. Superíndice y subíndice <sup>--</sup> y <sub>--</sub>.
e. Fuente: <font face=”fuente”> (arial, garamon, etc.) </font>.
tamaño: <font size=”?”> (size=1-7, o con tamaño relativo (al 3), se puede aumentar o
disminuir sobre el tamaño base con +1, +2, y -1, -2, etc).
alineación: con el comando align= (lefth por defecto, center, right o justify) o bien,
dividiendo en párrafos o divisiones (div).
Todas las etiquetas se pueden combinar de modo que con una sola se puede
configurar el tamaño, el tipo y el color de los caracteres. <font face=”arial”
color=”#0000FF” size=”5”>.
Otras etiquetas de caracteres:
<TT>…..</TT> similar a una máquina de escribir.
<pre>…..</pre> el texto está preformateado, el navegador tiene en cuenta los
espacios y saltos de línea definidos en la pantalla.
<BLINK>…..</BLINK> Texto parpadeante (solo con Netscape)
<BIG>…..</BIG> o <SMALL>…..</SMALL> aumentan o disminuyen el tamaño de letra
(equivalentes a <FONT SIZE=”+1”> o <FONT SIZE=”-1”>
8º) Añadir una línea horizontal debajo (una recta) <hr> (sin efecto sombra <hr noshade>)
alineación: < hr align=”left”> (center, right)
tamaño: <hr width=”n”> también en %
altura: <hr size=”n”> puede adoptar el valor 0, para la más fina
color: <hr color=”?”>
Además, como siempre, se puede hacer en una sola etiqueta: <hr width=”50%”
size=”o” align=”center”>.
9º) Insertar una Imagen
a. <img src=”nombre [Link]ón”> en el body .
b. Alineaciones de imágenes: por defecto a la izquierda. Con <center> imagen en el
centro hasta </center> (mejor con hojas de estilo CSS).
c. Color de fondo <body style="background-color:#FF0000;"> </body>
d. Otra forma de dar color <p style="color: aqua;">-----</p> (mejor con “CSS”) Si no se
indica PÁRRAFO <p>-- </p>, se aplica a todo el documento. Puede ser en hexadecimal, con el
nombre del color o RGB
Nota sobre los colores:
Otra forma de cambiar los colores (de fondo y/o texto) es:
<body bgcolor=”nombre del color” text=”color”> para cambiar el color de fondo y el color de texto.
(se puede utilizar la numeración hexadecimal para cada uno de los colores de monitor
“RRGGBB”, mediante cifras (dos por cada color) que van desde 0 hasta F, precedidos de almohadilla.
Por ejemplo “#000000” representa el color negro, y “#FFFFFF” representaría el blanco, “#FF0000”
rojo, “#00FF00” verde y “#0000FF” azul. (OJO: SIN COMILLAS)
10º) Tablas
<table> abrir tabla </table> cerrar tabla
Fila: <tr>
Columna: <td> Texto 1 </td> <table border=”1”> grosor línea de borde
<td> Texto 2 </td>
<td> Texto 3 </td>………
</tr>
Nueva Fila: <tr> <table bordercolor=”color”> color línea.
Columna: <td> Texto 1 </td>
<td> Texto 2 </td>
<td> Texto 3 </td>………
</tr>