Paso 5: 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.