web基础

认识URL，观察常用网站网址，区分不同组成部分。uscheme://host:port/path/?query-string=xxx#anchor11

  1. 观察web浏览过程.
  2. HTML基础。练习使用标签制作简单的页面。 
<h1></h1>
<hr>
<P>友情链接</P>
<a href=url></a>
<br>
<img src="url" width="258" height="39" alt="gzcc.cn" >
<div></div>区块
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专辑大卖！！</title>
</head>
<body>
<h1>阿拉希新单火热预售中！</h1>
<hr>
<p>结合了爵士古典和风hitpop多种曲风的主打曲，你确定不来一打吗！</p>
<p>初回在日亚都切了手快有手慢无！</p>
<p>还有虹笃年上组利奥利的unit曲，想想就激动！</p>
  <a href="https://i.johnnys-web.com/?id=2&artist=10&utm_source=weibo&utm_medium=weibo&utm_campaign=weibo-post&utm_term=170907-01&utm_content=arashi">详细点击这里！</a>
  <img src="http://wx4.sinaimg.com/mw690/8e6e3ae8gy1fke3j809eaj20dw0fegp9.jpg" width="200" height="200">
<hr>
<p>哎呀是不是看不到什么有用的消息呢，要付费登录啊！</p>
<div id="container" style="width:400px " >
  <div id="header" style="background-color:pink;"><h2 align="center" style="margin-bottom:0;">注册</h2></div>

  <div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;">
              <form action="">
            用户名:<input id="loginname" type="text" class="W_input" maxlength="128" autocomplete="off" action-data="text=邮箱/会员帐号/手机号" action-type="text_copy" name="username" node-type="username" tabindex="1"><br>
            密码:  <input type="password" class="W_input" maxlength="24" autocomplete="off" value="" action-type="text_copy" name="password" node-type="password" tabindex="2">
                     <br>
                                                          <input type="button" value="注册">

        </form>


  </div>
  <div id="footer" style="background-color:pink;clear:both;text-align:center;">版权 © handa</div>

</div>
</body>
</html>

效果如图：

 

posted @ 2017-10-11 19:59  086黄向薇  阅读(256)  评论(0)    收藏  举报