Plantilla

Este botóm es tres capa.Hay el texto sobre el botóm.Hay el texto sobre la código en color.Esta plantilla es una característica.Un botóm o una menú no pegarse. Esta plantilla puede conservar una imagen y una letra.Una ciego puede ve.El botóm o la enú dejan a la todo forma.
＜＜cuidado＞＞Si"HTML" no mirar,Tenga la bondad de mirar una animación.Esta animación es 215KB.Haga el favor de mirar una animación.Esta animación es 239KB.Haga el favor de mirar una animación.
La NVDA es el software gratuito.Tenga la bondad de descargar la NVDA.©Esta plantilla es copyright.
mail:szheyuan383@gmail.com
Haga el favor de mirar la muestra.
CSS
Plantilla
Haga el favor de ver la prueba de optimización para móviles
Prueba de optimización para móviles
Usted puedes averiguas a las pantallas varios.

El método de la copia

Copia de"<!DOCTYPE html>～hasta </html>.Cambia "index.html.
animation
©Esta parte escopyright.
mail:szheyuan383@gmail.com
creativecommons.org
Confirma La manera de la copia.Esta animación es 192KB.
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Escríbamelo aquí,por favor.</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css" />
    <link rel="stylesheet" href="style.css" />
    <meta name="description" content="Escríbamelo aquí,por favor." />
    <meta name="keywords" content="Escríbamelo aquí,por favor. " />
    <meta name="author" content="anonymous" />
    <link rel="next" href="index.html" />
    <link rel="icon" href="favicon.ico" />
  </head>
  <body>
  <div class="title">
  <h1>Escríbamelo aquí,por favor.</h1></div>
      <img src="a-1.jpg" alt="Escríbamelo aquí,por favor." title="Escríbamelo aquí,por favor./>
      <p>Escríbamelo aquí,por favor.</p>
      <img src="a-2.jpg" alt="Escríbamelo aquí,por favor." title="Escríbamelo aquí,por favor."/>
      <p>Escríbamelo aquí,por favor.</p>
      <img src="a-3.jpg" alt="Escríbamelo aquí,por favor." title="Escríbamelo aquí,por favor."/>
      <p>Escríbamelo aquí,por favor.</p>
      <img src="a-4.jpg" alt="Escríbamelo aquí,por favor." title="Escríbamelo aquí,por favor."/>
      <p>Escríbamelo aquí,por favor.</p>
      <img src="a-5.jpg" alt="Escríbamelo aquí,por favor." title="Escríbamelo aquí,por favor."/>
<div id="footer"><a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" //></a></div>
<div class="menu0"><img src="title.jpg" alt="title image" title="title image file" width="0" height="0" /></div>
  </body>
</html>
Hace CSS.
Tenga la bondad de conservar desde"@charset "UTF-8";"hasta"img { max-width: 100%; }".Haga el favor de cambiar "style.css.
El modo de la copia
@charset "UTF-8";
html {
  font-size: 100%;
}
img {
  max-width: 100%;
}
body {
  background:url(title.jpg) no-repeat;
  background-position: 50% 0%;
  text-align: center;
  color: #ffffff;
}
h1 {
  margin: 0 auto;
} #body {
  width: 765px;
}
#contents {
  margin-top:25px;
}
p {
  font-style:normal;
  font-size: 20px;
  color: #333333;
  text-indent: 1em;
}
img {
  max-width: 100%;
}
Tenga la bondad de conservar esta imagen,Haga el favor de cambiar"title.jpg".
background title
Tenga la bondad de mirar la plantilla.
menumenutitle