Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 72

Visitas el mes pasado: 106

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




2. Insertar textos en HTML (VI)

2.6 Estilo de texto II.

html

Introducción

Esta página es continuación de la anterior, en la que veíamos cómo aplicar el estilo de la página mediante etiquetas y atributos de HTML.

Tal y como se ha indicado, lo habitual es utilizar CSS y no el HTML. Sin embargo debemos indicarlas para completar el manual


Atributos de la etiqueta body

Los siguientes atributos solo funcionan en la etiqueta <body> y afectan a toda la página:


Colores de texto y de fondo
  • <body text="color"> define el color del texto de la página. su valor es un color, definido mediante su nombre o mediante el sistema RGB. (veremos más adelante el tratamiento de los colores)
  • <body bgcolor="color"> define el color del fondo de la página. al igual que el anterior, su valor es un color, y se define de la misma manera

Márgenes

Los atributos que definen los márgenes son distintos según los navegadores: Internet Explorer usa los atributos:

  • leftmargin para indicar los márgenes izquierdo y derecho
  • topmargin par indicar el superior e inferior.

Por su parte Firefox y otros navegadores utilizan los atributos

  • marginwidth para indicar los márgenes izquierdo y derecho
  • marginheight par indicar el superior e inferior.

Por lo tanto si queremos que los márgenes se vean en todos los navegadores, deberemos usar los dos tipos de etiquetas.

Veamos un ejemplo donde se usan todas las etiquetas anteriores; Código:


<html>
<head>
   <title>Ejemplo</title>
</head>
<body bgcolor="purple" text="yellow" leftmargin="50px"
      topmargin="30px" marginwidth="50px" marginheight="30px">
	 <h1 align="center">Atributos de la etiqueta body</h1>
   <p>El atributo text define el color del texto, y el atributo
		  bgcolor define el color del fondo de la página.</p>
   <p>Para definir los márgenes los atributos son distintos según los 
      navegadores, Internet Explorer utiliza el atributo leftmargin para el margen
      izquierdo y derecho, y topmargin para el superior e inferior; mientras que 
      Firefox utiliza marginwidth para el izquierdo y derecho y marginheight para
      el superior e inferior.</p>
</body>
</html>

Esta página la veremos así en el navegador: Ver la página


La unidad de medida que se puede usar con estos atributos es el pixel, aunque no hace falta indicarla. basta con poner el número. asi por ejemplo igual nos da escribir topmargin="30" que topmargin="30px"


Otros parámetros de estilo

Ya hemos visto en la página 2.2 Etiquetas en línea las etiquetas para poner el texto en negrita, cursiva y subrayado, además de otras que también configuran el estilo.

Todas las etiquetas vistas hasta ahora pueden anidarse unas dentro de otras, para conseguir varios efectos a la vez. Además una misma etiqueta puede llevar varios atributos, con lo que conseguimos dar formato al texto.


Estilo en CSS

Hemos visto cómo cambiar el aspecto del texto y darle un cierto estilo usando el mismo código HTML, mediante otras etiquetas y atributos. Sin embargo, insistimos, en que esto no es lo habitual, ya que lo normal es utilizar las hojas de estilo CSS. Con CSS tenemos la ventaja de que no se sobrecarga el código HTML con demasiadas etiquetas y atributos, y ayudamos a que la página se cargue antes, ya que el navegador tiene que leer menos texto.




Llegados a este punto podemos optar por:

Continuar con el manual de HTML: Veremos el tema de los enlaces:

Enlaces

Seguir con el manual de HTML y CSS al mismo tiempo (opción recomendada). Si es así empezaremos el manual de CSS en el siguiente enlace:

El lenguaje CSS








manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com