Tutorial De HTML.

COMANDOS BASICOS

Formato de Letras

Al igual que cualquier editor de textos, en el html podemos darle formato al texto, no solo en el tipo de letra sino tambien en el tamaño, color, negrita, italica, subrayado, etc.

<font size="1">Sera el tamaño de letra 1</font> <font size="3">Sera el tamaño de letra 3</font>

<b>Negrita</b> <i>Cursiva</i> <u>subrayado</u> <b><i><u>combinado</b></i></u>

<s>Tachado</S> <blink>Parpadeo</blink> <em>Enfasis</em>

Existen solo 7 valores de texto, 1,3,4,5,6,7. Existen muchas mas opciones de texto, pero estas son las mas usadas. Ojo! el parpadeo no funciona con todos los navegadores.

Las Cabeceras o "titulos" es aquel texto que queremos poner como titulo en un texto, no confundir con el titulo de la pagina!

<h1> Titulo 1 </h1> <h2>Titulo 2 </h2> <h3>Titulo 3 </h3> <h4>Titulo 4 </h4> <h5>Titulo 5 </h5> <h6>Titulo 6 </h6>

DANDO FORMATO A UN PÁRRAFO:

Ahora que ya sabemos como trabajar con el texto, veamos como podemos alinear un parrafo.

<div align="left">alineo a la izquierda</div>

<div align="center">alineo al centro</div>

<div align="right">alineo a la izquierda</div>

<pre>El texto se muestra en pantalla tal como lo escribimos</pre>

REcuerdan que les comente que al HTMl hay que decirle todo lo que queremos, pues te cuento que no entiende los saltos de linea. Es decir, si tu en tu notepad, escribes una linea con 100 palabras, en tu pagina se mostrara una sola linea con 100 palabras. Para formatearlo usamos la etiqueta <pre> y escribimos el texto tal y como queremos que aparezca entre ambos Tags.

SALTOS DE LÍNEA, para ello usamos estas etiquetas <br> y <p> las cuales se pueden usar sin etiqueta de cierre,  ya que seguiran activas hasta que encuentren otro salto de linea o se termine el texto o nosotros pongamos la etiqueta de cierre. El <br> pasa a la siguiente linea, mientras que <p> comienza un nuevo parrafo. recuerda que 2 veces <br> equivale a un <p>

LINEAS DE SEPARACION

Estas lineas lo que hacen es separar horizontalmente una pagina. En lugar de ecribir muchas ---- simplemente hacemos uso del comando <hr> con lo cual logramos una linda¿? linea horiziontal como esta:

---

Las opciones con las que contamos:
<hr size="10">

---

<hr width="300">

---

<hr width="300" size="10">

---

Y un Largo Etcétera, podrás ponerle el valor que quieras tanto horizontal (width) como ancho (size)

RESUMEN

EN este capitulo aprendimos:

- A darle formato al texto, para que quede mas bonito

- A mejorar el aspecto de nuestros parrafos al alinearlos a un lado o al centro.

- Agregar unas lineas decorativas y funcionales al mismo tiempo.

<<Anterior Estructura basica

Siguiente>> Listas

---

INTRODUCCION

1- Estructura  de un documento en HTML

2- Comandos Básicos
    2.1- Formateando texto
    2.2- Saltos de Línea
    2.3- Formateando Párrafos
    2.4- Líneas de separación

3- Listas
    3.1 Listas ordenadas
    3.2 Listas desordenadas
    3.3- Listas de definición.

 4- Imágenes
    4.1- Texto Alternativo
    4.2- Alineándolas
    4.3- Enlaces
    4.4- Mapas

5- Enlaces
    5.1- Enlaces externos
    5.2- Enlaces Internos (dentro de un mismo documento)
    5.3- Enlaces directos para direcciones de mail

6- Tablas
    6.1-  Bordes
    6.2-  Color de fondo a las celdas
    6.3- Imagen de fondo

7- Cosillas sueltas

8- Recomendaciones Finales

9- Apendice

 

---

Este Tutorial esta pensado para gente sin conocimientos previos, si lo lees y te parece muy obvio o sencillo, puedes contactarnos y ampliar los temas.
Tutorial diseñado exclusivamente para el Portal Veperu, el Perú y mas, se prohíbe su reproducción total o parcial salvo que indiques la fuente.