TEMA: CONSULTA CODIGOS DE TEXTO Y CODIGOS DE COLOR

ACTIVIDAD:

1. CONSULTAR:

  • CODIGOS PARA TABULAR EL TEXTO EN HTML
  • CODIGOS PARA CREAR LISTAS EN HTML
  • CODIGOS PARA DAR COLOR A LAS LETRAS EN HTML
  • COMO DOY COLOR AL FONDO EN HTML
  • CODIGOS DE COLOR EN HTML

Desarrollo:

  • Codigos para tabular el texo en html:

<ul> </ul>
Necesarios para tabular alguna sección de la página, desde textos, imágenes y tablas.

<li> </li>
Ayuda a ingresar viñetas dentro del texto.

<ol><li> </li><li> </li>…</ol>
Este comando inserta viñetas con números, estos son contiguos.

<center> </center>
Centra un objeto, texto, imagen, tabla, etc.

<p align=”left”>
izquierda</p>
Deja el texto a la izquierda de la página

<p align=”right”>
derecha </p>
Deja el texto a la derecha de la página

<table>

<tr colspan=”N”>
<td rowspan=”N”></table>
Comandos para definir una tabla,<tr></tr>
Se utiliza para definir una fila.

<td> </td>
Define una columna de la tabla

<table border=1>
<tr>
<td> 1</td>
<td>2</td>
<td>3 </td>
</tr>
<tr>
<td> 4</td>
<td> 5</td>
<td> 6 </td>
</tr>
</table>

  • Codigos para crear lista en Html

Lo primero que debemos hacer para introducir una tabla es indicarle al navegador dónde empieza y dónde acaba; esto se consigue mediante la etiqueta de inicio <TABLE> y </TABLE>.

luego debemos decirle cuantas filas vamos a tener en nuestra tabla, cosa que hacemos con las etiqueta de inicio de fila <TR>> y </TR>, por lo que deberenos insertar una pareja de etiquetas por cada fila que queramos que tenga la tabla.

Por último, dentro de cada fila indicar cuantas celdas va a haber, que inicialmente deben corresponderse con el número de columnas que deseemos tenga la tabla. Esto se consigue mediante las parejas de etiquetas <TD> y </TD>.

De esta forma, y siguiendo con nuestra tabla inicial de Ejemplo , el esquema de etiquetas sería el siguiente:

<TABLE>

<TR>
<TD>…</TD> <TD>…</TD> <TD>…</TD>
<TD>…</TD> <TD>…</TD> <TD>…</TD>
<TD>…</TD> <TD>…</TD> <TD>…</TD>
</TR>
<TR> </TR>
<TR> </TR>

</TABLE>

Este es el esquema general de toda tabla simple, que traducido a código HTML quedaría de la forma:
<TABLE>
<TR>
<TD> celda(1,1) </TD>
<TD> celda(1,2) </TD>
<TD> celda(1,3) </TD>
</TR>
<TR>
<TD> celda(2,1) </TD>
<TD> celda(2,2) </TD>
<TD> celda(2,3) </TD>
</TR>
<TR>
<TD> celda(3,1) </TD>
<TD> celda(3,2) </TD>
<TD> celda(3,3) </TD>
</TR>
</TABLE>

La cantidad de celdas debe ser el mismo en cada uno de las filas, para que la tabla tenga la misma cantidad de columnas. Se debe definir la cantidad de columnas que va a tener la tabla mediante el número de celdas que definamos en la primera fila.

Hay otras etiquetas que nos van a permitir adaptar la tabla a nuestras necesidades. Y cada etiqueta puede modificar la forma en que se comportan.

  • Codigo para dar color a las letras en Html

Para colocar color a las letras es:

<FONT COLOR=”entre estas comillas va el nombre o el número del color”>aquí el texto al que queremos dar color</FONT>

Eje:

Para poner el texto en rojo

<FONT COLOR=”RED”>este texto se pone rojo</font>

El resultado si lo ponemos dentro de los códigos del fichero  html será

este texto se pone rojo

  • Como Doy color al fondo en Html.

El color se indica en código hexadecimal, precedido del carácter almohadilla (#). Los colores que puedes usar son infinitos, pero su correcta visualización dependerá de la configuración del PC donde se vea. Si usas colores complejos, no se verán bien salvo que tu visitante posea un PC configurado en color de 16 bits o 32 bits. Para sistemas inferiores (256 colores o menos) es mejor atenerse a los colores básicos.

  • <html>
        <head>
        <title>Mi pagina en colores</title>
        </head>
    <body bgcolor="#507FFF">
        <h1>bienvenido a mi página</h1>
        <p>Aqui iria el resto de la página</p>
    </body>
    </html>
    
    Video tutorial: 
Anuncios