我的web程序设计学习记录1-优快云博客

本文链接：https://blog.youkuaiyun.com/zx616122/article/details/106269522

HTML5的具体实例
1.基本结构

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>网页标题</title>
  <meta name="keywords" content="关键字"/>
  <meta name="description" content="此网页描述"/>
 </head>
 <body>
  网页正文内容
 </body>
</html>

在这里插入图片描述
2.具体实例
（1）

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>网页标题</title>
  <meta name="keywords" content="关键字"/>
  <meta name="description" content="此网页描述"/>
 </head>
 <body>
  <div class="wrap" >
   <ul>
    <li>音频</li>
    <li>QQ</li>
    <li>VIP</li>
    <li>微信</li>
    <li>下载</li>
    
   </ul>
  </div>
 </body>
</html>

在这里插入图片描述
（2）

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
 <title>网页标题</title>
 <meta name="keywords" content="关键字"/>
 <meta name="description" content="此网页描述"/>
 </head>
 <body>
  <div class="wrap">
   <form action="">
  <ul style="list-style-type: none">
   <li class="clearfix">
    <label for="user">user：</label>
    <input type="text" id="user" name="user" placeholder="请输入用户名">
   </li>
   <li class="clearfix">
    <label for="password">password：</label>
    <input type="password" id="password1" name="password1" placeholder="请输入密码">
   </li>
   <li class="clearfix">
    <label for="password">password：</label>
    <input type="password" id="password2" name="password2" placeholder="请再次输入密码">
   </li>
   <li class="clearfix">
    <label for="email">email:</label>
    <input type="text" id="email" name="email" placeholder="请输入email">
   </li>
   <li class="clearfix">
    <label for="nickmane">nickmane:</label>
    <input type="text" id="nickmane" name="nickmane" placeholder="请输入昵称">
   </li>
   <li class="btn clearfix">
    <input type="button" value="注册" class="fl-r">
    <input type="button" value="登录" class="fl-r">
   </li>
   
   
  </ul></form> 
  </div>
 </body>
</html>

在这里插入图片描述
（3）