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 220 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 SandorinaBaw el 2017-12-11 22:10:43
Всем привет, хочу проинтересоваться и обсудить такой вопрос как \"куда можно продать или же где можно купить наших домашних питомцев\"?

Почему подняла такой вопрос, просто хотелось бы попробовать себя в качестве заводчика, но вот только где продавать непонятно, не на базар же с ними выходить....

Давайте обсуждать, кто где покупает и кто куда продаёт.

2. Comentario de Traceem el 2017-11-20 06:52:55
СЕРВИС ДЛЯ ПРИВЛЕЧЕНИЯ КЛИЕНТОВ ИЗ ИНТЕРНЕТА.
Комплексное интернет-продвижение сайтов без посредников и переплат в одном месте!
Сбор различных баз для продвижения в интернете
Эффективно и недорого. Писать в ICQ 656310373

3. Comentario de Content Spinning el 2017-11-17 13:56:44
Le content spinning permet dautomatiser la génération textuels unique de manière aisée. cette manière de faire consiste à paraphraser des textes déjà existant, ce qui permet davoir un gain de temps efficacement. Il existe plusieurs logiciels et outils de spinning de contenu mais aucun ne permet de réaliser du contenu de bonne qualité sans perdre trop de temps. Avec Content-spinning. fr, vous pouvez enfin automatiser la réalisation de vos master-spins !

4. Comentario de AnthonyMaf el 2017-11-15 16:15:08

You actually mentioned it exceptionally well!
canadianpharmaciesbnt.com
canadapharmacy

5. Comentario de AlexDum el 2017-11-01 09:24:16
Компания выполняет ремонты жилых и нежилых помещений. от фундамента, проекта, дизайна, до реализации конечного результата.


VER TODOS LOS MENSAJES (220)...