EntradaPlantillas HTML simples. Plantillas HTML simples Plantillas HTML geniales
Todas las plantillas presentadas para su sitio se basan en versiones modernas de HTML5 y CSS3. Además, los autores utilizan características tan modernas como diseño plano, diseño receptivo, diseño receptivo, controles deslizantes jQuery, animación CSS3, etc. Es decir, si está buscando una plantilla de sitio móvil, puede elegir cualquiera de las presentadas. Hermosas plantillas html5 2017 aunque gratis, parecen premium.
Encuentre más de 50 plantillas gratuitas de sitios web receptivos aquí Alta calidad en HTML5 y CSS3, que se pueden utilizar tanto para sitios nuevos como para reelaborar los existentes. Plantillas de sitios web html5 con estilo- ¡eso es lo que necesitas!
Actualizado 03.12.2019: Desde que se escribió el artículo hace 2 años, muchos enlaces se han roto. O los propietarios de las plantillas se fusionaron o cambiaron el estado de las plantillas de gratuitas a pagas, o los extraterrestres lo perdieron todo. Les solicito, queridos lectores, que si encuentran un enlace de este tipo, publíquenlo en los comentarios, lo corregiré.
1. Snow: plantilla de página de destino gratuita en HTML5 y CSS3
Objetivo de plantilla HTML5 CSS3 Paginas de nieve construido sobre el marco Bootstrap. ¡La plantilla es muy elegante y genial! Un fondo fijo y un enorme Jumbotron es lo que muestra el contenido principal del sitio. ¿Qué es lo más importante en la página de destino? Así es, una llamada a la acción. Naturalmente, la plantilla está totalmente adaptada para dispositivos móviles... Incluso puede utilizarlo como base para sus propias plantillas.
2. Sima - plantilla elegante de sitio web comercial
Esta plantilla html5 css3 también se basa en el marco Bootstrap. Con esta plantilla, puede crear un sitio web único con una cartera, su equipo, precios, reseñas y cualquier otra cosa que necesite. Por ejemplo, esta plantilla es perfecta para un sitio web de servicios de limpieza. Las animaciones de esta plantilla son fluidas y llamativas, con fuentes limpias y legibles. ¡Simplemente la plantilla perfecta!
3. ¡El blanco es una gran plantilla de una página!
Una característica distintiva de la plantilla de sitio web de White son dos opciones de fondo en la parte superior. Puede elegir un control deslizante con imágenes o un video de fondo. Muy alta calidad y plantilla espectacular para el sitio!
4. Platz - Plantilla de sitio web gratuita basada en cuadrícula HTML5
Una plantilla de sitio web HTML5 basada en cuadrícula moderna y visualmente atractiva (lea más sobre cuadrícula). Diseño de plantilla de blog o sitio web hermoso y receptivo.
5. Mart eCommerce: hermosa plantilla de sitio web de comercio electrónico HTML5 y CSS3
Un diseño de plantilla de sitio web fresco y elegante es más adecuado para todo tipo de sitios web de moda que venden zapatos, ropa, relojes, accesorios, ropa deportiva y más. Incluye un archivo PSD que puede ajustar para satisfacer sus necesidades.
6. Nava: plantilla HTML5 y CSS3 eficaz para sitios web creativos
Nava es una plantilla de sitio web HTML5 moderna que se utiliza principalmente para profesionales creativos que desean mostrar su trabajo en todo su esplendor. Muchas variaciones en la configuración de la plantilla le permiten hacer que su sitio sea único. Ligero, hermoso y plantilla adaptable para el sitio.
7. Box Portfolio: una plantilla de sitio web creativa única en HTML5 y CSS3
La plantilla del sitio web de Box Portfolio tiene un diseño minimalista limpio y moderno. Perfecto para profesionales que desean mostrar su trabajo de manera efectiva en línea. Como sugiere el nombre, la plantilla del sitio web está perfectamente adaptada a la cartera.
8. Mountain King: plantilla de sitio web HTML5 y CSS3 popular y funcional
El tema de la montaña en el diseño de sitios web ha sido muy popular últimamente. La plantilla del sitio web de Mountain King no es una excepción. Incluye 336 iconos vectoriales de Typicons. Además de fantásticas animaciones CSS3. La plantilla es perfecta para sitios web de viajes y portafolios.
9. Beauty Spa - Plantilla de sitio web de spa HTML5 y CSS3 genial
Beauty Spa es una plantilla de sitio web receptiva repleta de muchas características perfectas para sitios de spa, centros de bienestar o fitness, sitios de yoga o incluso sitios de peluquería. Excelente legibilidad de fuentes y minimalismo discreto.
10. Bent: página de destino elegante y eficaz para sitios en HTML5 y CSS3
Bent es una excelente plantilla gratuita para sitios web html5 y css3. Diseño receptivo, animaciones CSS3, desplazamiento de paralaje, navegación personalizable y más. Esta es una plantilla de diseño limpio para sitios que desean utilizar un diseño equilibrado para garantizar que los visitantes disfruten de la apariencia del sitio mientras siguen viendo el contenido principal con claridad.
11. Triangle es una plantilla multipropósito de respuesta gratuita en HTML5 y CSS3
Triangle es una plantilla de sitio web HTML5 y CSS3 creativa exclusiva, especialmente para aquellos que quieren poner en marcha su diseño genial sin empeorar las cosas. La plantilla tiene más de 40 páginas prediseñadas que le permiten personalizar su sitio como desee.
12. Future Imperfect: ¡una brillante plantilla de sitio web para personas creativas!
Experimente un sentido genuino de diversión con esta plantilla de sitio web perfecta para escritores, autores, redactores publicitarios y otros trabajadores con lápiz y papel. La plantilla también se puede utilizar para blogs personales, blogs de viajes, sobre creatividad, etc. El diseño creativo y el diseño receptivo de la plantilla atraerán a muchos.
13. Bodo es una gran plantilla para un sitio web personal.
Bodo es una hermosa plantilla de sitio web HTML5 y CSS3 que es perfecta para un sitio web personal. Especialmente para la organización de carteras. Tipografía limpia y nítida, control deslizante de carrusel, ventanas emergentes para mostrar su obra de arte y más.
14. Lens: la plantilla de sitio web HTML5 perfecta para fotógrafos
Los fotógrafos siempre están buscando la plantilla perfecta para su sitio web para mostrar su trabajo en todo su esplendor, espectacular y lo más importante: ¡grande! Una plantilla de sitio poco común cumple con estos requisitos. Lens es una de esas plantillas de sitios web de fotografía.
15. Spectral: plantilla de sitio web única hecha a mano en HTML5 y CSS3
Si usted está buscando plantillas de sitios de automóviles gratis entonces Spectral sería la solución perfecta. Aquí hay un diseño de plantilla de sitio web de una página completamente único hecho a mano. El diseño se puede cambiar a su discreción. Esta plantilla se puede utilizar para crear un sitio web impresionante sobre absolutamente cualquier tema, ya sea un blog de viajes impresionante o una galería de fotos, un sitio web automotriz o un proveedor de alojamiento.
16.Oxygen - Plantilla de sitio web HTML5 y CSS3 de una página
Oxygen es una plantilla conveniente y única para un sitio web empresarial. Diseño plano moderno, diseño receptivo. Por ejemplo, esta plantilla es perfecta para un sitio web sobre aplicaciones móviles o tecnología móvil.
17. Mobirise Bootstrap: la última plantilla gratuita para sitios web HTML5 y CSS3
Si está buscando una plantilla de sitio web gratuita, Mobirise Bootstrap es el lugar perfecto para comenzar. Esta es una plantilla multifuncional con toneladas de complementos incluidos. Tres diseños prefabricados pagina de inicio y el blog te ayudará con esto. Mobirise Bootstrap también está optimizado al 100% para SEO y responde a cualquier tamaño de pantalla.
18. La Casa - hermosa y gratuita plantilla HTML5 para un sitio web de bienes raíces
La plantilla Brandy es perfecta para organizar un sitio web de bienes raíces comerciales. Receptivo y muy Bonito diseño complacerá no solo al propietario del sitio, sino también a los visitantes.
19. Drifolio - Elegante plantilla de sitio web de cartera HTML5
Plantilla de sitio web de cartera HTML5 y CSS3 elegante y animada. Diseño limpio, gran tipografía, hermosos iconos y mucho más.
20. Pluton: plantilla brillante y elegante para un sitio web de una página
Pluton es una plantilla de sitio web Bootstrap brillante y eficaz. Una plantilla de sitio web moderna, con su diseño de página único y diseño receptivo, que es ideal para estudios, fotógrafos y diseñadores creativos.
21. SquadFree - Plantilla profesional de sitio web HTML5 de una página
La plantilla SquadFree es perfecta para crear un sitio web comercial de una página. La plantilla no solo tiene un aspecto profesional, sino que también se adapta a todo tipo de pantallas. La plantilla está construida sobre la base de Bootstrap.
22. Sublime: una fascinante plantilla de sitio web HTML5 y CSS3
Sublime es una plantilla de sitio web HTML5 y CSS3 limpia e increíblemente hermosa, perfecta para una startup, una agencia creativa o un sitio de cartera. Diseño receptivo y dos opciones de página para elegir.
23. Timber: plantilla de sitio web HTML5 y CSS3 inusual y hermosa
Timber es un tema de plantilla de sitio web de una página fresco, elegante e inusual. La diagonal es la característica principal del diseño de esta plantilla. La plantilla es perfecta para un sitio web comercial o una cartera. Hay una galería incorporada, un mapa e información de contacto que puede adaptar fácilmente por sí mismo.
24. E-Shopper: la mejor plantilla de sitio web de comercio electrónico
E-Shopper es una excelente opción para una plantilla de sitio web para comercio electronico... Basado en bootstrap con un conjunto de características asombrosas para una tienda en línea completa y eficiente.
25. Magnético - Plantilla de sitio web de fotos HTML5 y CSS3 gratuita
Una plantilla HTML5 y CSS3 absolutamente impresionante para crear un sitio de fotos o un portafolio para un diseñador, ilustrador o artista. Esta plantilla eleva el listón de las plantillas profesionales al nuevo nivel! Diseño receptivo, excelente soporte para todo tipo de dispositivos de visualización, navegación fácil y conveniente y mucho más.
26. Mabur Portfolio: hermosa plantilla de sitio web minimalista en HTML5 y CSS3
El diseño plano de esta plantilla de sitio web minimalista es perfecto para la creación de carteras. ¡En la plantilla, todos los detalles se verifican a la perfección!
27. Bootstrap HTML5 moderno: plantilla de sitio web gratuita de una página
Esta gratis una página basado en el framework Bootstrap es perfecto para sitios corporativos, tanto para pequeñas como para grandes empresas. Diseño plano, diseño receptivo, todos los elementos de diseño de alta calidad. La plantilla está disponible en 4 colores diferentes.
28. Infusión: elegante plantilla de sitio web de una página en HTML5 y CSS3
Infusion es un gran ejemplo de una plantilla de sitio web HTML5 y CSS3 diseñada específicamente para crear una cartera de negocios. La rica funcionalidad de esta plantilla le permite trabajar eficazmente con clientes y atraer nuevos.
29. Yebo - plantilla de sitio web corporativo en HTML5 y CSS3
Esta plantilla de sitio web de alta calidad y estilo plano es perfecta para cualquier sitio web corporativo. Diseño receptivo, muchas opciones de personalización y edición.
30. Twenty - Espectacular plantilla de sitio web Parallax HTML5 y CSS3
Esta plantilla de sitio web de paralaje única y muy hermosa no dejará indiferente a nadie. La plantilla de una página está construida en HTML5 puro y CSS3 con diseño adaptable, fondos impresionantes, soporte de redes sociales y más.
31. Urbanic - Excelente plantilla de sitio web Bootstrap HTML5 y CSS3
Urbanic es una plantilla de sitio web HTML5 y CSS3 fresca y genial creada con el motor Bootstrap. Perfecto para comenzar a construir su sitio web de inmediato sin demasiados problemas. La plantilla se adapta perfectamente a cualquier tamaño de pantalla.
32. Design Showcase - Plantilla de sitio web de cartera HTML5
Una plantilla de sitio web HTML5 visualmente armoniosa y eficaz para organizar su cartera. La plantilla está perfectamente adaptada para dispositivos móviles, lo que es muy difícil para sitios de este formato.
33. Mamba One: plantilla de sitio web simple y elegante en HTML5 y CSS3
Mamba One es un ejemplo de una plantilla de sitio web de una página simple pero elegante. Compatible con todos los navegadores modernos y se mostrará adecuadamente en todas partes.
34. KreativePixel - Plantilla de sitio web gratuita para fotógrafos
Otra gran plantilla de sitio web para fotógrafos. El diseño receptivo y la clasificación muy conveniente de fotos en portafolios y galerías atraerán a muchos amantes de la fotografía. La plantilla también utiliza un efecto de paralaje, que también impresiona a los espectadores cuando ven fotos.
35. Retina Ready Responsive App - Plantilla de página de destino HTML5 y CSS3 gratuita
Como su nombre indica, esta increíble plantilla de sitio web no solo está perfectamente diseñada para páginas de destino pero también responde a las nuevas tendencias móviles, especialmente en términos de claridad de visualización en dispositivos con pantallas Retina.
36. Brushed - Plantilla de sitio web receptiva HTML5 y CSS3 con tecnología Bootstrap
Brushed es una plantilla de sitio web HTML5 y CSS3 receptiva y gratuita con tecnología Bootstrap. También optimizado para Pantallas retina(iPhone, iPad, IPod touch y Macbook Pro Retina).
37 Plantilla de sitio web HTML5 y CSS3 de gran imagen
¡Bienvenido a Big Picture! Esta plantilla adaptable El sitio HTML5 es perfecto para todas las personas creativas que tienen algo que mostrar y lo muestran de forma amplia y eficaz en su sitio. Además, la plantilla tiene una gran animación.
38. Tesselatte - Plantilla HTML5 y CSS3 receptiva y gratuita
Una plantilla simple de una página que tiene todo en cuenta herramientas necesarias para la creación exitosa de un sitio web. Ideal para el blog personal de un escritor, copywriter y simplemente un amante de la palabra impresa.
39. Overflow: una plantilla de sitio web única en HTML5 y CSS3
Esta plantilla de sitio web única en HTML5 puro y CSS3 es perfecta para cualquier persona creativa. Es completamente receptivo y completamente gratuito.
40. Runkeeper: plantilla de sitio web receptiva y muy hermosa
Runkeeper es una plantilla de sitio web gratuita, receptiva y muy hermosa. Se puede utilizar para cualquier sitio. Estilo brillante y fuentes nítidas, diseño receptivo e impresionantes detalles de plantilla. ¡Todo funciona para ti!
41. Estilo de cuadrícula receptiva de Pinball: excelente plantilla de sitio web basada en cuadrícula
Esta maravilla plantilla profesional Un sitio basado en cuadrícula es ideal para un sitio corporativo. El moderno diseño plano y la estructura receptiva de la plantilla se muestran perfectamente tanto en monitores grandes como en pantallas móviles.
42. Prólogo: plantilla de sitio web limpia HTML5 y CSS3 de una página
Esta plantilla de sitio web HTML5 y CSS3 limpia, simple y nítida es perfecta para crear su página de destino. El diseño minimalista no distrae de lo principal. ¡Una navegación de barra lateral de desplazamiento llamativa y líneas de página nítidas son la combinación perfecta!
43. Helios: plantilla de sitio web moderna en HTML5 puro y CSS3
Otra plantilla de sitio web en el estilo del minimalismo y formas limpias. Diseñado específicamente para aprovechar pantallas grandes pantallas, pero también perfectamente adaptadas a las pequeñas pantallas de los dispositivos móviles.
44. Telephasic - Plantilla de sitio web HTML5 gratuita y receptiva
Esta plantilla de sitio web moderna, receptiva y completamente gratuita tiene una gran ventaja: es simple y ordenada, pero eso es exactamente lo que le falta a mucha gente.
45. Strongly Typed - muy bonita plantilla de sitio web semi-retro
Nueva plantilla de sitio web con un estilo minimalista semi-retro. Es solo que lo retro ya no está de moda, pero un ligero indicio es muy útil. Esta plantilla de sitio web es totalmente receptiva, está construida con HTML5 puro y CSS3 e incluye todos los elementos de página esenciales que necesita. Strongly Typed es perfecto para sitios web creativos. Por ejemplo, para un sitio web de decoración del hogar.
46. Rayado: plantilla de sitio web HTML5 y CSS3 limpia, hermosa y funcional
Fresco y limpio, hermoso y funcional, nueva plantilla sitio en HTML5 y CSS3. Tiene en su arsenal todos los elementos de página necesarios, incluidas citas, tablas y listas diseñadas, así como una barra lateral adaptada (a la derecha o a la izquierda, según lo desee).
47. Paralelismo: plantilla de sitio web inusual y elegante en HTML5 y CSS3
Parallelism es una elegante plantilla de sitio web para organizar portafolios o fotografías. Su peculiaridad es que el desplazamiento aquí no es vertical, como es habitual, sino horizontal. Esto le da al sitio una elegancia especial y memorable.
48. Miniport: plantilla de sitio web HTML5 totalmente adaptable en estilo minimalista
Gran plantilla de sitio web HTML5 minimalista. Perfecto tanto para un sitio web / blog personal como para un pequeño sitio web corporativo de una página o como un sitio web para tarjetas de presentación.
49. Verti: plantilla de sitio web HTML5 espaciosa y con capacidad de respuesta gratuita
El diseño limpio y espacioso de esta plantilla de sitio web es perfecto para pequeños sitios web corporativos o proyectos comerciales. Responsivo y fácil de usar tanto para el autor como para los usuarios.
50. ZeroFour - Impresionante y elegante plantilla de sitio web HTML5 y CSS3
Y el último en la lista, pero no el último en términos de calidad e impacto visual, plantilla de sitio: ZeroFour. Diseño elegante, muy hermoso menú, formas y botones perfectamente ajustados, hermosos iconos y mucho más. ¡Y todo esto es absolutamente gratis!
Espero que haya encontrado algo adecuado para usted entre estas excelentes plantillas de sitios web HTML5 y CSS3. ¡Buena suerte!
Marcador para una búsqueda rápida más tarde.
PD: Si no puede elegir, lea el artículo "No sé lo que quiero". Será de gran ayuda.
Esta lección demuestra el proceso de creación de un diseño simple de 2 columnas.
La plantilla constará de un encabezado, una barra de navegación horizontal, una barra lateral y un pie de página. También estará centrado horizontalmente en la ventana del navegador.
Paso 1. Estructura básica.
Primero, creemos la estructura básica de la plantilla.
Y luego pondremos algo de contenido en diferentes secciones:
Plantilla CSS..com simple de 2 columnas "> Opción 2 . . .
Columna 1
. . .ahora tenemos Documento HTML absolutamente ningún estilo. A continuación, usaremos CSS para crear una plantilla basada en este documento.
Paso 2. Alinear el cuerpo y los elementos html.
Cuerpo, html (margen: 0; relleno: 0; color: # 000; fondo: # a7a09a;)
Paso 3. Contenedores principales.
Ahora vayamos a configurar el ancho y el centrado del área de contenido. Para hacer esto, establezca los valores para las propiedades de ancho y el margen del contenedor principal #wrap. También estableceremos un fondo para que se destaque en la página.
El método para centrar el contenido se basa en el hecho de que al establecer los márgenes izquierdo y derecho de un elemento en automático, dividen el espacio restante después de restar el ancho del elemento del ancho del contenedor. En este caso, el ancho del elemento #wrap se restará del ancho de la ventana del navegador.
Nota: para este método Trabajé en explorador de Internet(versión 6 y posteriores), documento deberían use un DOCTYPE, que le dirá a IE que use el modo estándar.
No usamos el elemento body para establecer el ancho y el centro de la plantilla, ya que algunos Versiones de Internet Explorer puede provocar efectos no deseados.
Entonces establecemos diferentes secciones diferentes colores de fondo para que se destaquen en la página.
#header (background: #ddd;) #nav (background: # c99;) #main (background: # 9c9;) #sidebar (background: # c9c;) #footer (background: # cc9;)
Paso 4. Coloque las columnas una al lado de la otra.
Para colocar las columnas una al lado de la otra (#main y #sidebar), haga que floten y mueva una hacia la izquierda y la otra hacia la derecha. También establecemos el ancho de las columnas.
#main (float: left; width: 500px; background: # 9c9;) #sidebar (float: right; width: 250px; background: # c9c;)
Tenga en cuenta que la suma de los anchos de las columnas debe ser igual al ancho del elemento #wrap.
El elemento #sidebar ahora se muestra a la derecha del elemento #main, pero el pie de página está fuera de lugar.
Paso 5. Empuje el pie de página hacia abajo
El pie de página no se coloca en su lugar porque la propiedad flotante todavía está en vigor. Cuando un elemento flota, se elimina del flujo general del documento y no empuja hacia abajo otros elementos que lo siguen. Por lo tanto, el elemento #footer comienza justo debajo del elemento #sidebar.
Para solucionar esto, necesitamos establecer la propiedad clear para que el pie de página le indique que no puede tener otros elementos uno al lado del otro.
#footer (claro: ambos; fondo: # cc9;)
Paso 6. Establecer el fondo de la columna lateral
Ahora puede ver que la columna más corta no se extiende hasta el pie de página. Hacer apariencia uniforme, establezca los mismos colores de fondo para los elementos #sidebar y #wrap.
#sidebar (float: right; width: 250px; background: # 99s;)
Si no sabe qué columna será más larga y cuál será más corta, tendrá que utilizar uno de los métodos para establecer el color de fondo.
Paso 7. Hacer que la barra de navegación sea horizontal
El elemento #nav contiene una lista regular de enlaces desordenada. Necesitamos cambiar su apariencia:
#nav ul (margin: 0; padding: 0; list-style: none;) #nav li (display: inline; margin: 0; padding: 0;)
Paso 8. Alinee los márgenes, el relleno y agregue compatibilidad con IE 6
Casi listo. Es necesario alinear las propiedades de margen y relleno de algunos elementos para que la plantilla sea más decente.
#header (padding: 5px 10px; background: #ddd;) h1 (margin: 0;) #nav (padding: 5px 10px; background: # c99;) #main (float: left; width: 480px; padding: 10px; background: # 9c9;) h2 (margin: 0 0 1em;) #sidebar (float: right; width: 230px; padding: 10px; background: # 99c;) #footer (clear: both; padding: 5px 10px; background: # cc9;) #footer p (margen: 0;)
Al rellenar los elementos #main y #sidebar, reste sus tamaños derecho e izquierdo de los anchos de los elementos. Dado que debemos tener en cuenta el efecto del modelo de rectángulo CSS.
Y ahora tenemos que compensar el error de los elementos flotantes en Internet Explorer 6. Si observa el resultado del paso 6 en IE 6, notará que el pie de página se desplaza debajo de #main. Intente mover la página hacia arriba y hacia abajo si no notó el defecto de inmediato.
Para corregir el defecto, usemos el método HTML en estrella para establecer la altura del pie de página solo en IE 6:
* html #footer (altura: 1px;)
Este código puede parecer un poco extraño, pero debido a otro error en IE, el pie de página no puede tener un píxel de alto y se estirará para ajustarse al tamaño del contenido.
Entonces, queridos webmasters novatos, nos familiarizamos con los conceptos básicos de HTML.
Ahora, utilizando este conocimiento, creemos rápidamente un pequeño sitio web para nosotros y colóquelo en Internet.
Es cierto que es difícil crear un recurso completo, usando solo html, pero un sitio de tarjetas de presentación de varias páginas es bastante posible.
Si alguien tiene exactamente este objetivo y no desea aprender otros lenguajes de programación, este artículo es para ellos.
En definitiva, en una versión autoescrita, sin utilizar un CMS, nada puede ser más sencillo.
Y para aquellos que necesitan algo más genial, al final del artículo hay enlaces a artículos con el código de la plantilla de bloque, con usando CSS y código de sitio dinámico usando PHP.
Crearemos un sitio web en html puro directamente en esta página, por así decirlo: un sitio web dentro de un sitio web, bastante funcional y listo para ser llenado de contenido.
Dividamos todo el proceso en tres partes.
1. Creando un directorio de sitio en su computadora.
2. Desarrollo de sitios web.
3. Transferencia del sitio desde nuestra computadora al hosting, es decir, a Internet.
Crear un directorio de sitio en su computadora
El primer punto es el más simple. Cómo crear un directorio se muestra muy claramente en el artículo (todos los enlaces de esta página se abren en una ventana separada para no perderse).
Y qué, y en qué carpeta poner, lo mostraré en detalle después del código de la página principal, para que ya haya algo para ir al directorio.
Luego pasaremos al segundo punto, el más creativo.
Creación de plantillas de sitios web
Para crear una plantilla, necesitará un editor, en el que deberá pegar el código a continuación.
Puede ser un simple Bloc de notas de Windows o cualquier otro editor de texto.
Tomemos una tabla HTML en capas como plantilla. Anteriormente, antes de la llegada de CSS, todos los sitios se escribían en tablas, pero ahora el diseño de bloques se ha vuelto más popular.
Pero aún así, la estructura de la tabla no está desactualizada y se ha utilizado con éxito.
Por ejemplo, un script H de CMS de inversión con la funcionalidad más compleja, completamente colapsado sobre la base de tablas.
Entonces, aquí hay un sitio de este tipo, con un diseño mínimo.
Cómo diseñar tablas en el futuro se muestra con gran detalle en el artículo.
|
<! - Crea una tabla contenedor, a la que configuramos lo siguiente
registro:
border = "1" - el borde alrededor del contenedor. Al aumentar el número, se puede aumentar el grosor del marco.
align = "center" - coloca el contenedor en el centro de la pantalla.
reglas = "filas" - eliminar el borde doble.
style = "ancho: 60%;" - agregue propiedades de estilo que hagan
el contenedor y todo el sitio están "engomados".
Es imposible hacer un diseño receptivo completo de esta manera.>
|
|