¿Editor HTML/CSS? (5 / 8 paso)

Paso 5: etiquetas

Echemos un vistazo a las etiquetas:

< div id = "página" >
< div id = "contenido" >

Primero he configurado dos divisiones, la primera llamada "página" y el segundo "contenido".

La división de "página" se puede pensar en como una caja, o incluso como una página del cuaderno (por lo tanto, la página"nombre"). Más tarde será especificar el tipo y tamaño de división que será mi "página".

Inmediatamente después de la configuración de mi "página", monté otra división, "contenida". Piense en esto como una caja menor anidada dentro de la más grande, "página". O pensar en "contenido" como una pequeña nota pegada en mi página más grande de mi folleto. En realidad, una división no es necesariamente más grande o más pequeño que el otro. El tamaño de una división es enteramente dependiente sobre cómo definirlos.

Otra forma de pensar de las dos divisiones sería imaginar una página de álbum de foto ("página"), con una foto ("contenido") pegada en la página. Más tarde puedo especificar el tamaño exacto de la página del álbum, así como el tamaño exacto de la foto.

Después de establecer la división "contenido" entrar la información y las imágenes que quiero estar en esa pequeña nota.

< h2 > es una etiqueta que identifica a mi titular, "Lista de verificación diaria". En otras páginas he usado < h1 >, que puedo definir como un gran titular. Para < h2 > especifico más adelante un tamaño de fuente ligeramente más pequeño, especie de un subtítulo.

< ul >
representa una lista desordenada, simplemente una lista de puntos en lugar de una lista ordenada, que sería una lista numerada, o una lista de esquema con letras.

Mayoría de los navegadores de internet normalmente Mostrar < ul > listas con un punto. Sin embargo, he decidido definir como no teniendo ninguna puntos.

Es mi documento y a llorar si quiero... Es decir, te enumero sin balas si quiero.

Cada elemento de mi lista es etiquetado < li > al principio y < /li > al final. Al final de la lista completa es una etiqueta de cierre < /ul >.

< clase p = "footer" > 1 < /p >

Normalmente, un párrafo simple en HTML es con la etiqueta < p > al principio y < /p > al final. Para mis propósitos, quería el párrafo para mostrar números de página en gris. Usé mi hoja de estilo para definir una clase especial del apartado que he llamado "pie de página".

< div clase = "salto de página" >< / div >
Esta etiqueta de división tendrá una clase especial que se define más adelante, llamado "salto de página". La división no tendrá ningún texto o imágenes para mostrar, por lo que inmediatamente después de la etiqueta con una etiqueta de cierre < / div >. El propósito de la división de "salto de página" será señalar el final de una página y el comienzo de otro. Fragmento de mi, pongo el salto de página inmediatamente después de la página uno. En mi documento original, la versión integral, pongo el salto de página después de cada ocho páginas hasta que llegué al final. Quería terminar ocho páginas del folleto de la impresión en una sola hoja de papel, 8,5 pulgadas por 11 pulgadas. Con mi División de salto de página, yo pude señal del navegador para imprimir ocho páginas de manual en una sola página.

Las etiquetas restantes son cierre de etiquetas, que indican el final de las dos divisiones, el extremo del cuerpo y al final del documento.

Artículos Relacionados

Hacer un sitio web todo sobre usted con Visual Studio (HTML, CSS, JQUERY)

Hacer un sitio web todo sobre usted con Visual Studio (HTML, CSS, JQUERY)

¡ Hola todos!Este es mi primer instructivo y en este instructable voy a mostrarle cómo utilizar Visual Studio para crear su propio sitio web!Aquí va un link de descarga para Visual Studio:Enlace Inicio Visual Studio´sEnlace de descarga directaEsto po
Galería de imágenes simple HTML CSS Javascript

Galería de imágenes simple HTML CSS Javascript

En el primer episodio de esta serie, tomo una conversación que tuve con un DIYer Dale nombre y convertirlo en un tutorial de vídeo sobre una posible solución. A construir desde cero una función simple que digerir una gran variedad de imágenes y no só
Sitio web (HTML y CSS)

Sitio web (HTML y CSS)

Hola a todos en instructables :)Recientemente he estado intentando hacer que algunos sitios web y host en línea simplemente ver cómo el HTML y CSS he aprendido elaborado por lo que podría hacer un completo sitio web derecho que ofrece y la revisión d
Cómo mejorar tu Instructables usando HTML

Cómo mejorar tu Instructables usando HTML

Instructables es una manera impresionante a compartir sus conocimientos y aprender de los demás. A veces, una gran cantidad de texto en un Instructablecan ser intimidante o una Instructable simplemente no se ve muy interesante. Para solucionar esto,
Hacer un sitio web html fácil

Hacer un sitio web html fácil

todo lo que necesitas para esto es un ordenador de algunos conocimientos de html/css y algo de tiempo.Paso 1. descargar el archivo zip y extraer. Abra los archivos en un editor de texto como el Bloc de notas o notepad ++Paso 2. ¿Sigo aprendiendo html
Adaptar su web HTML para dispositivos móviles

Adaptar su web HTML para dispositivos móviles

primero no estaba satisfecho cuando visité un escritorio Web optimizada en un smartphone.Las fuentes son demasiado pequeñas, con pan y zoom / hacia fuera todo el tiempo, los enlaces siempre son difíciles de tratar. Así que tuve que hacer algunas inve
La guía de principiantes a HTML

La guía de principiantes a HTML

este tutorial está escrito desde cero para principiantes en el mundo de la programación. Obviamente si estás familiarizado con algunos lenguajes de programación esto será algo más fácil.Si usted es nuevo a la programación no se desanime. Yo traté de
Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

se trata de una guía de varias parte sobre cómo construir tus propias páginas Web. Cubre todo, desde código HTML básico, el código PHP más avanzados, al uso de editores de GUI para hacer su proceso más rápido. Esta primera parte abarcará usando HTML
Slider HTML RGB para Arduino vía Serial

Slider HTML RGB para Arduino vía Serial

Hola de nuevo!Me decidí a escribir más tutoriales acerca de mi proyecto de Arduino llamado Involt & HTML/CSS. Para obtener más detalles qué es consultar la página web del proyecto.En este instructable mostraré tinfrecuente hasta control de LED RGB co
Mover elementos HTML con JQuery vía Serial

Mover elementos HTML con JQuery vía Serial

Es este instructable sobre el uso de los valores recibidos de Arduino y usarlos para manipular elementos HTML dentro de Involt. Sin embargo esto no podrá utilizar métodos Involt JQuery o elementos de la interfaz pero este ejemplo es mostrar las posib
Comunicación serial entre Arduino, HTML y cromo

Comunicación serial entre Arduino, HTML y cromo

Es fácil trabajar con Arduino, pero la creación de proyecto que consiste en software requiere más habilidades de programación. A diferencia de otras soluciones de mi proyecto es la forma de crear HTML offline la aplicación - sin cosas como Yun, shiel
¿Cómo editar los archivos de Audio con Cool Audio Editor?

¿Cómo editar los archivos de Audio con Cool Audio Editor?

popularfly.com ( http://www.popularfly.com ) Cool Audio Editor es un potente audio edición de software que le permite crear, editar, filtrar, aplicar efectos y convertir archivos de audio. Puede combinar, copiar, mezclar, insertar y hacer operaciones
Cómo crear un sitio Web

Cómo crear un sitio Web

internet es una gran manera de obtener información. Si desea utilizar la pantalla de internet su propia información, usted necesita aprender cómo crear un sitio Web. Estas son instrucciones sobre cómo utilizar HTML simple para crear un sitio Web.Mate
The Drone Pi

The Drone Pi

NOTA: ESTE INSTRUCTIVO SE ESCRIBEEste proyecto es un quadcopter accionado por un Multiwii y controlada con una Raspberry Pi 2 B. Este quadcopter tiene una particularidad porque él está usando 2 controlador de diferentes y podía ser piloto con 2 dispo