Encabezados

Estructura pagina web

Formato de texto

Viñetas

Tablas

Correo

Encabezados

Existen 6 tipos de encabezados a estos se escribe con la siguiente sintaxis < h1>Encabezado< /h1> para cambiarlo

solo se cambia el numero que esta despues de la h siendo asi h1,h2,h3,h4,h5,h6

Estructura pagina web

La estructura de una pagina comienza con la siguiente sinatxis

< html>

< head>

Etiquetas y contenidos del encabezado

Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo,

palabras clave,...

< /head>

< body>

Etiquetas y contenidos del cuerpo

Parte del documento que será mostrada por el navegador: Texto e imágenes

< /body>

< /html>

En esta seccion veremos algunos de los elementos para dar formato

para poner un texto en negritas ponemos las sig. etiquetas < b>Esto estara en negritas< /b>

de esta manera esto nos aparecera en negrita

Esto estara en negrita

otro forma de dar formato es hacer que se vea en cursiva

para que se vea en cursiva la etiqueta es < i>Texto en cursiva< /i>

Texto en cursiva

Tamien podemos hacer que el texto este subrayado y para esto

la etiqueta es < u>Texto subrayado< /u>

Texto subrayado

Otra funcion interesante es el de los subindices y supraindices

estas nos pueden servir para editar una formula ya sea de quimica o de fisica

para estas las etiquetas son < sup> y < /sup>para los superindices

y es < sub> y < /sub> para los subindices

el sig. ejemplo nos dejara mas claro su uso

C< sup>x< /sup>H< sup>3< /sup>4f< sub>1< /sub>Cu< sub>7< /sub>

el resultado es: C^xH³4f₁Cu₇

El colocar vinetas es una parte esencial a la hora de hacer listas y hacer que se

vean con un mejor estilo para ello primero veremos como hacer las listas

y despues como poner los estilos a las vinetas.

Hay 2 tipos de listas las ordenadas y las desordenadas

para las listas desordenadas las etiquetas son

< p>Paises del mundo< /p>

< ul>

< li>Argentina

< li>Peru

< li>chile

< /ul>

El resultado es :

Paises del mundo

• Argentina
• Peru
• Chile

podemos agregar el tipo de vineta que aparecera con la sig. etiqueta

< ul type="tipo de vineta">

existen 3 tipos de vinetas

-circle

-disc

-square

Ejemplo:

< p>Paises del mundo< /p>

< ul type="square">

< li>Argentina

< li>Peru

< li>chile

< /ul>

esto nos da como resultado:

Paises del mundo

• Argentina
• Peru
• Chile

En el caso de las listas ordenadas las etiquetas son las siguientes:

< p>Reglas de comportamiento en el trabajo< /p >

< ol>

< li>El jefe siempre tiene la razón

< li>En caso de duda aplicar regla 1

< /ol>

El resultado sera:

Reglas de comportamiento en el trabajo

1. El jefe siempre tiene la razón
2. En caso de duda aplicar regla 1

Al igual que en caso de la las listas desordenasdas podemos cambiar en este caso la numeracion agregando la etiqueta

< ol type="tipo de numeracion">

para este caso tenemos 5 tipos:

1 para ordenar por numeros

a por letras del alfabeto

A por letras mayusculas

i ordenacion de numeros romanos con letra minuscula

I ordenacion de numeros romanos con letra mayuscula

Algunos ejemplos son:

< ol type="i">

< li>elemento 1

< li>elemento 2

< /ol>

dandonos como resultado:

1. elemento 1
2. elemento 2

1. elemento 1
2. elemento 2

1. elemento 1
2. elemento 2

Tablas

En esta seccion explicaremos las etiquetas necesarias para hacer nuestras tablas

la principal etiqueta para hacer nuestra tabla es < table> < /table> dentro de ella definiremos algunas de sus caracteristicas

con el siguiente codigo explicaremos mejor el uso de las etiquetas

como podemos ver en la seccion de table editamos los parametros del tamano de la tabla como son el fondo con

bgcolor, el borde con border, y el espacio entre celdas con cellpading, ahora vamos con la etiqueta < tr> < /tr>

todo lo que vaya en esta etiqueta estara en una sola fila y con la etiqueta < td>< /td> creamos

cada una de las celdas y en ellas podemos editar algunas de sus caracteristicas en caso de que

quieramos que sean mas especifical algunas de ellas, pero para ver esto mas claro vea el ejemplo: