ElTicus.com

Programación, lenguajes y recursos para programadores

manual
Curso Bsico de HTML
Introduccin a la programacin de pginas Web
Publicado por JL Fecha: 2006-12-02 01:20:00 Idioma: Espaol Tipo de documento: manual
Descargar como PDF

Curso de HTML Bsico

Curso bsico de HTML

Gua para principiantes

(Curso para introducir a alguien a la programacin de pginas web)



ESTILOS Y EFECTOS BSICOS

Como ya hemos dicho, la estructura lgica del texto y los diferentes efectos que se le apliquen se especifican mediante directivas. En este punto vamos a repasar algunas de las ms importantes. En cada uno de los casos que veremos, primero se presenta el texto original HTML, es decir, lo que nosotros editamos, con las directivas situadas en los lugares adecuados; y despus se presenta el efecto que dicho texto fuente produce una vez que se interpreta y se representa con el programa adecuado.

 

 

TTULOS

Mediante los ttulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura bsica.

 

<h1>Mucha importancia</h1>

Mucha importancia

<h2>Menos importancia</h2>

Menos importancia

<h3>Mucha menos importancia</h3>

Mucha menos importancia

 

ATRIBUTOS DEL TEXTO

Mediante estos atributos determinamos el estilo y el tipo de letra que tendr la presentacin del documento final.

El primero en el que nos deberamos detener es el texto normal entendiendo como tal el que no tiene ninguna caracterstica especial. Para definir un prrafo como normal no es necesario poner ninguna etiqueta. Lo nico que hay que tener en cuenta, como ya se ha dicho antes, es que al presentar el documento se hace caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren en el texto fuente. Por ello cuando se quiera forzar un final de lnea es necesario utilizar dos directivas especiales: <p> para marcar un fin de prrafo, y <br> para un nico retorno de carro. La diferencia entre ambas es que la separacin de lneas que provoca <p> es algo mayor que la de <br>, para que los prrafos se distingan bien entre s. Las dos directivas mencionadas se sitan en el punto en que queremos poner la separacin. Por ejemplo:

Este ser un texto normal (prrafo 1, lnea 1).<br>
El primer prrafo estar formado por 2 lneas (prrafo 1, lnea 2).<p>
Este ya es el segundo prrafo (prrafo 2, lnea 1).<p>

Por supuesto, estas dos etiquetas se puede aplicar donde queramos, no slo en el texto normal.

El texto preformateado (etiqueta <pre>) se aplica cuando queremos que en la presentacin final del documento se respeten los espacios y retornos de carro que hayamos puesto en el texto fuente. Adems se utilizar un tipo de letra de espaciado fijo, parecido al de una mquina de escribir, ms pequeo que el del texto normal. Este estilo de texto puede ser adecuado, por ejemplo, para una tabla numrica sencilla:

 

<pre>
Texto preformateado
---------------------
| 1 | 2 | 3 | 4 |
| 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 |
---------------------
</pre>

Para hacer una cita textual dentro de nuestro documento, se puede utilizar la directiva <blockquote>:

<blockquote>Muchos aos despus, frente al pelotn de fusilamiento,
el coronel Aureliano Buenda haba de recordar aquella tarde remota
en que su padre lo llev a conocer el hielo.<br>
(Gabriel Garca Mrquez, Cien aos de soledad)</blockquote>

Las direcciones de correo electrnico se suelen marcar con esta directiva:

<address>Direccin: webmaster@etsit.upm.es</address>

Se pueden dar tambin los atributos ms tradicionales: negrita y cursiva:

<b>Esto en negrita</b> y <i>esto en cursiva</i>

Se puede utilizar un tipo de letra similar al de una mquina de escribir:

<tt>Mquina de escribir</tt>

Para centrar texto (o, en general, cualquier cosa: un grfico, por ejemplo) se usa la directiva <center>:

<center>Este texto va centrado </center>

 

LISTAS

Las listas se definen de forma muy sencilla: se dice dnde empieza la lista, dnde empieza cada punto y dnde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de lnea, o al menos sin texto por delante (slo espacios o tabulaciones).

Podemos recurrir a tres tipos distintos de listas, cada una con una presentacin diferente: no numeradas, numeradas y listas de definiciones (glosarios).

Las listas se pueden anidar, es decir, en el lugar donde debera ir uno de los trminos de la lista se pone una nueva lista, que por supuesto no tiene porqu ser del mismo tipo.

 

Esto es una lista no numerada:

<ul>
<li>Tomates
<li>Zanahorias
<li>Puerros
</ul>
  • Tomates
  • Zanahorias
  • Puerros

Esto una lista numerada:

<ol>
<li>Miguel Indurin
<li>Tony Rominger
<li>Eugeni Berzin
</ol>
  1. Miguel Indurin
  2. Tony Rominger
  3. Eugeni Berzin

 

VARIOS

La directiva <hr> sita en el documento una lnea horizontal de separacin. En este documento, por ejemplo, se han utilizado lneas horizontales para separar las diferentes secciones:

 
<hr>

 

 

Para poner un comentario en un documento HTML, es decir, una aclaracin que no aparece en la presentacin final del documento, se encierra el texto que formar el comentario entre los smbolos <!-- y -->. Por ejemplo, un caso tpico podra ser:

<!-- Modificado por Jos el viernes 2 de julio -->

 

 

 

 


<< Tema anterior Tema siguiente >>



Hay 210 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aqu: Imagen anti-spam =

Los ltimos 5 comentarios colocados son:

1. Comentario de JosephAveno el 2017-10-19 22:15:25
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT

2. Comentario de Robertlax el 2017-10-18 18:18:53
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT

3. Comentario de MShinom el 2017-10-13 19:50:51
Мобильный, выездной шиномонтаж в Москве круглосуточно!
Мегафон: +7(495)908-97-71
Мтс: +7(915)448-25-25
Хранение шин.
1. Шиномонтажные работы.
2. Снятие секреток.
3. Переобувка шин.
4. Ремонт проколов и порезов.
Выездной шиномонтаж 24 часа в Москве и МО.
Звоните!

4. Comentario de Bruceunure el 2017-10-12 03:06:29
Посмотрите презентации и по новостройкам СПб.
Это здесь kvartiraportal.ru

5. Comentario de Georgelit el 2017-10-07 18:23:37
vps-vds.com


VER TODOS LOS MENSAJES (210)...