sistemas operativos

Páginas: 13 (3028 palabras) Publicado: 1 de julio de 2013
Tutorial de CSS
Comenzando con HTML + CSS
1. HTML
2. Añadir color
3. Añadir tipo de letra
4. Barra de navegación
5. Dar estilo a los enlaces
6. Línea horizontal
7. CSS externa
Más información
Este breve tutorial está pensado para aquellas personas que quieren comenzar a utilizar CSS y nunca han escrito una hoja de estilos CSS.
No explica mucho sobre CSS. Se centra en cómo crear unarchivo HTML, un archivo CSS y cómo hacer que los dos funcionen juntos. Una vez finalizado este tutorial, podréis leer cualquiera de los otros tutoriales para darle más estilo a los archivos HTML y CSS. También podréis utilizar un editor de HTML o CSS, para desarrollar sitios Web más avanzados.
Al final del tutorial habrás hecho un archivo HTML como éste:
El resultado será una página HTML, concolores y formato, todo desarrollado con CSS.
Ten en cuenta que no quiero decir que sea bonita ☺
Las secciones como ésta son opcionales. Contienen explicaciones adicionales del código HTML y CSS del ejemplo. El símbolo de “peligro”, situado al principio, indica que se trata de un material más avanzado que el resto.
PASO 1: ESCRIBIR EL CÓDIGO HTML
Para este tutorial, te sugiero que utilices lasherramientas más sencillas. Por ejemplo, Notepad (Windows), TextEdit (Mac) o HTML Kit, serán suficiente. Una vez comprendido lo básico, probablemente se quieran utilizar herramientas más complicadas, o incluso programas comerciales como Style Master, Dreamweaver o GoLive. Pero para el desarrollo de una primera hoja de estilos, es mejor no distraerse con características avanzadas de otrasherramientas.
No utilices procesadores de texto como Microsoft Word u OpenOffice. Con ellos, normalmente se generan archivos que los navegadores no pueden interpretar. Para HTML y CSS, lo único que necesitamos son archivos en texto plano.
El paso 1 consiste en abrir tu editor de texto (Notepad, TextEdit, HTML Kit o el que desees), comenzar con una ventana vacía y escribir lo siguiente:



Mi primerapágina con estilo






Página principal
Meditaciones
Mi ciudad
Enlaces



Mi primera página con estilo

¡Bienvenido a mi primera página con estilo!

No tiene imágenes, pero tiene estilo.
También tiene enlaces, aunque no te lleven a
ningún sitio…

Debería haber más cosas aquí, pero todavía no sé
qué poner.


Creada el 5 de abril de 2004
por mí mismo.



Enrealidad, no es necesario escribir el código: puedes copiarlo y pegarlo directamente en un editor.
La primera línea que aparece en el archivo HTML, le dice al navegador el tipo de HTML (DOCTYPE significa DOCument TYPE - en español: TIPO de DOCumento). En este caso, se trata de la versión 4.01 de HTML.
Las palabras que se encuentran entre < y > se llaman etiquetas (tags) y, como puedes ver, eldocumento está entre las etiquetas y . Entre y hay espacio para diferentes tipos de información que no aparecerán en la pantalla. Hasta ahora, el documento sólo contiene el título pero posteriormente también se añadirá la hoja de estilos de CSS.
El es dónde se sitúa el texto del documento. En un principio, cualquier cosa que se coloque ahí será mostrado, excepto el texto que esté dentro de lassiguientes etiquetas , las cuales muestran el contenido situado en ese lugar como un comentario de referencia para nosotros mismos. El navegador la ignorará.
De las etiquetas del ejemplo, crea una “lista desordenada”, es decir, una lista en la cual los elementos no están numerados. La etiqueta indica el comienzo de un “elemento lista”. es un “párrafo”. Y es un “enlace”, que es lo que crea unhipervínculo.

Editor mostrando el código HTML.
Si quieres saber lo que significan los nombres que están entre , un buen sitio para empezar es Comenzando con HTML. Realizaré algunos comentarios sobre la estructura de la página HTML que estamos utilizando de ejemplo.
“ul” representa una lista con un hipervínculo por cada elemento. Esto mostrará nuestro “menú de navegación del sitio” con...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Sistema Operativo Y Tipos De Sistemas Operativos
  • Atomicidad de operaciones
  • operaciones basicas del sistema operativo
  • Sistemas Operativos
  • Sistema operativo
  • Sistema operativo
  • Sistemas operativos
  • Sistema Operativo

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS