Travail de préparation au développement responsive H5

Préparation

Lorsque nous utilisons H5 pour créer des pages, nous devons introduire le plug-in Bootstrap et nous connecter à http ://v3.bootcss.com/

Choisissez de télécharger QQ截图20161101174924.png

Lorsque vous l'extrairez, il y aura trois dossiers à l'intérieur, à savoir les polices, le css et js. Nous devons introduire en fait trois documents.

<!DOCTYPE html>
 <html lang="zh-cn">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>PHP中文网</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
 </head>
 <body>
 <script src="js/jquery.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script type="text/javascript">
 </script>
 
 </body>
 </html>

Fichier html obligatoire

index.html Fichier de la page d'accueil

information.html Dossier de consultation

case.html                                                                                                                                                                                                             Une page Web réactive H5 sous forme de tutoriel pratique pour expliquer l'idée de développer une page Web réactive.

L'ordre de développement Web est

Page d'accueil》Page d'informations》Page de contenu》Cas》À propos

Formation continue
||
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>PHP中文网</title> <link rel="stylesheet" href="css/bootstrap.min.css"> </head> <body> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> </script> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel